zoukankan      html  css  js  c++  java
  • vsCode 添加浏览器调试和js调试的方法总结

    vsCode 添加浏览器调试和js调试的方法

    1、直接按F5可以调试的方法或者点击运行按钮(可以直接运行html文件或者js文件)

    在launch.json文件中的配置如下:

    {

        "version": "0.2.0",
        "configurations": [{
                "name": "谷歌浏览器", //运行html文件,用谷歌浏览器打开
                "type": "chrome",
                "request": "launch",
                "url": "${file}",
                "sourceMaps": true,
                "webRoot": "${workspaceRoot}"
            },
            {
                "name": "nodeLauch", //单独调试js,即可以直接运行js
                "type": "node",
                "request": "launch",
                "program": "${file}", //这个配置成你要调试的文件、${file}当前打开的文件
                "stopOnEntry": false,
                "args": [],
                "cwd": "${workspaceRoot}",
                "runtimeExecutable": null,
                "runtimeArgs": [
                    "--nolazy"
                ],
                "env": {
                    "NODE_ENV": "development"
                },
                "console": "internalConsole",
                "preLaunchTask": "",
                "sourceMaps": false,
                "outDir": null
            }
        ]
    }

    2、第二种方法 Ctrl+Shift+B 快捷键运行html文件,在Tasks.json中配置如下:

    {
        "version": "0.1.0",
        "command": "",
        "isShellCommand": false,
        "args": ["${file}"],
        "showOutput": "always",
        "windows": {
            "command": "C:/Users/shannonliang/AppData/Local/Google/Chrome/Application/chrome.exe"
        },
        "tasks": [{
            "taskName": "webserver",
            "isBuildCommand": true,
            "showOutput": "always"
        }]
    }

    3、如果第二种方法,不想每次都按这个快捷键,请参考npm配置node服务方法:

    http://stackoverflow.com/questions/30039512/how-to-view-my-html-code-in-browser-with-visual-studio-code 

  • 相关阅读:
    关于C++名字空间
    选择组合OR继承?
    编译器为C++ 空类自动生成的成员函数
    函数返回值为引用类型
    关于数据库存储过程分页DatagridView BindingNavigator 控件的详细实现
    ADO.NET 安全编码指南 来自MSDN
    ADO.NET中调用存储过程
    视图
    高效使用连接的模式
    GROUP BY, HAVING, COMPUTE, ORDER BY 语句
  • 原文地址:https://www.cnblogs.com/sxz2008/p/6690384.html
Copyright © 2011-2022 走看看