当前第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中如何使用ts
vsCode如何开启折叠代码功能
vsCode如何写r语言
vsCode运行程序结果框闪退
vsCode插件安装在哪
聊聊vsCode中如何配置vue文件自定义模板
vsCode怎么创建js文件
vsCode go扩展安装失败
vsCode怎么设置vue模板代码
vsCode ftp怎么用
更多相关阅读请进入《vsCode》频道 >>
转载请注明出处：木庄网络博客 » vscode如何调试html
