当前第2页 返回上一页
在launch.json文件中加入下面的配置信息，
1 2 3 4 5 6 7 | {
"type": "chrome",
"request": "launch",
"name": "Launch Chrome from http",
"url": "http://localhost:8080/${relativeFile}",
"webRoot": "${workspaceFolder}"
},
|
${workspaceFolder}表示相对根目录的路径
之后选择[Launch Chrome from http],点击[f5]或者[fn+f5]即可看到chrome已经加载了该文件。同时也从搜索栏的地址看到，chrome这次走的是http协议访问的文件
1.2. 使用Nodejs调试
使用Nodejs调试的配置方式基本和chrome差不多，只是type改一下，具体如下
1 2 3 4 5 6 | {
"type": "node",
"request": "launch",
"name": "Node Launch Program",
"program": "${workspaceFolder}/${relativeFile}"
},
|
在debugger菜单栏选中[Node Launch Program]，然后点击[f5]，调试信息会显示在下方
调试控制台上，就不截图了
如果没有安装nodeJs的话，debian系的电脑可以运行下面指令,
一般使用apt安装可能导致版本比较落后，你可以使用源码安装、官方的安装管理器或者配置ppa的方式.
本人选择配置ppa的方式，使用的是10.x的LTS版本
1 2 3 | $ cat /etc/apt/sources.list.d/nodesource.list
deb https:
deb-src https:
|
以上就是vscode如何调试html的详细内容，更多文章请关注木庄网络博客！
返回前面的内容
相关阅读 >>
在vsCode中如何预览网页
浅谈vsCode代码格式化的方法
详解vsCode中配置php开发环境的方法
vsCode设置不了中文
vsCode显示不受支持怎么办
vsCode中怎么实现自动缩进
vsCode代码不高亮怎么解决
vsCode es6语法报错
怎么使用浏览器查看vsCode写的代码
vs跟vsCode有什么不同
更多相关阅读请进入《vsCode》频道 >>
转载请注明出处：木庄网络博客 » vscode如何调试html
