在vue端debugger很容易,node端debugger其实也很简单,只需要两大步
1.写配置文件
1.1 在debug的位置点击 创建launch.json文件
选择Node.js
1.2 写配置文件
{
// 使用 IntelliSense 了解相关属性。
// 悬停以查看现有属性的描述。
// 欲了解更多信息,请访问: https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.2.0",
"configurations": [
{
"type": "pwa-node",
"request": "launch",
"name": "Launch Program",
"skipFiles": [
"<node_internals>/**"
],
"program": "${file}"
}
]
}
以上是默认生成的配置文件,字段含义分别如下:
(来源于vscode官方文档:Debugging in Visual Studio Code)
简而言之,有几个字段是比较重要的
type:调试器类型,比如给node调试,type即为node
request:请求类型,具有两个值,launch和attach,一般写launch就可以了
name :名称,自己写易于区分的就可以了
其他需要配置的字段可以自行阅读文档
2.在debug里启动server
配置好之后,在debug页面选择自己需要启用的debug name,点击绿色按钮,就可以启动server端debug了
一个简单的debug配置例子: