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

时间：2016-11-26 14:16:17 阅读：1135 评论：0 收藏：0 [点我收藏+]

标签：maps eve tput chrome windows ack intern font pad

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调试的方法

标签：maps eve tput chrome windows ack intern font pad

原文地址：http://www.cnblogs.com/shannonliang/p/6103985.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行