vsCode 添加浏览器调试和js调试的方法总结
2017-04-10 19:05
274 查看
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检测浏览器插件的方法总结
- js浏览器和浏览器插件检测的方法总结
- js/jquery判断浏览器的方法总结
- 原生js给DOM元素添加一个或者多个类的方法总结
- js与自动伸缩图片 自动缩小图片的多浏览器兼容的方法总结 原创
- JS添加节点方法与JQuery添加节点方法的比较及总结
- javaweb 常见问题-第2篇- chrom google 浏览器 调试时js无法刷新的解决方法
- JS判断浏览器类型的方法总结(IE firefox chrome opera safari)
- js浏览器和浏览器插件检测的方法总结(二)
- js/jquery判断浏览器的方法总结
- js清除浏览器缓存的几种方法(项目总结)
- 四二、js操作DOM(dom)改变css3属性时封装方法使自动识别浏览器添加css3属性前缀
- 史上最全的CSS hack方式一览 jQuery 图片轮播的代码分离 JQuery中的动画 C#中Trim()、TrimStart()、TrimEnd()的用法 marquee 标签的使用详情 js鼠标事件 js添加遮罩层 页面上通过地址栏传值时出现乱码的两种解决方法 ref和out的区别在c#中 总结
- js与自动伸缩图片 自动缩小图片的多浏览器兼容的方法总结 原创
- JS实用方法总结-添加到收藏夹功能
- chrom google 浏览器 调试时js无法刷新的解决方法
- 原生JS添加节点方法与jQuery添加节点方法的比较及总结
- js浏览器和浏览器插件检测的方法总结
- 用JS实现禁止查看网页源代码方法总结