vsCode 添加浏览器调试和js调试的方法
2017-06-28 17:28
465 查看
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
相关文章推荐
- vsCode 添加浏览器调试和js调试的方法总结
- 四二、js操作DOM(dom)改变css3属性时封装方法使自动识别浏览器添加css3属性前缀
- 使用VS的终端工具调试时,添加参数调试方法
- chrom google 浏览器 调试时js无法刷新的解决方法
- 利用vscode调试编译后的js代码详解
- Visual Studio提示“无法启动IIS Express Web服务器”的解决方法 vs调试显示无法显示此页面 ,vs调试浏览器白页
- vscode中调试node.js项目
- Visual Studio提示“无法启动IIS Express Web服务器”的解决方法 vs调试显示无法显示此页面 ,vs调试浏览器白页
- 当使用VS CODE 时,如果窗口中打开的文件无法识别HTML的话,可以使用以下方法添加要识别的文件类型
- VS和IE或者360兼容模式简单调试js方法
- VSCode断点调试JS操作HTML document对象
- 如何用VSCode调试Vue.js
- vscode 调试node.js
- VSCode配合chrome浏览器调试cocos2d js项目
- VS Code 调试Node.js express网站(Visual Studio Code)
- VS调试添加监视会触发变量的get方法
- javaweb 常见问题-第2篇- chrom google 浏览器 调试时js无法刷新的解决方法
- VSCode下配置python调试运行环境的方法
- VS.NET 2005/2008 默认调试浏览器设定
- 实现ajax时一些跨浏览器的js方法