vscode如何调试html(2)-木庄网络博客

在launch.json文件中加入下面的配置信息，

{
"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改一下，具体如下

{
    "type": "node",
    "request": "launch",
    "name": "Node Launch Program",
    "program": "${workspaceFolder}/${relativeFile}"
},

在debugger菜单栏选中[Node Launch Program]，然后点击[f5]，调试信息会显示在下方

调试控制台上，就不截图了

如果没有安装nodeJs的话，debian系的电脑可以运行下面指令,

1	`apt install nodejs npm`

一般使用apt安装可能导致版本比较落后，你可以使用源码安装、官方的安装管理器或者配置ppa的方式.

本人选择配置ppa的方式，使用的是10.x的LTS版本

$ cat /etc/apt/sources.list.d/nodesource.list 
deb https://deb.nodesource.com/node_10.x sid main
deb-src https://deb.nodesource.com/node_10.x sid main

以上就是vscode如何调试html的详细内容，更多文章请关注木庄网络博客！

返回前面的内容

vscode如何调试html

相关推荐

评论