vscode nodemon debug 配置

张映 发表于 2018-09-12

分类目录: js

标签:, ,

vscode是比较不错的JS开发工具。nodemon可以实现修改JS代码后的自动重启server,不需要手动在去重启server。

1,安装nodemon

# npm install -g nodemon

2,创建测试项目

# express --view=ejs mytest
# cd mytest
# npm install

3,修改package.json

"scripts": {
 "start": "node ./bin/www",
 "debug": "nodemon --inspect-brk ./bin/www"
},

4,修改.vscode/launch.json

{
 // 使用 IntelliSense 了解相关属性。
 // 悬停以查看现有属性的描述。
 // 欲了解更多信息,请访问: https://go.microsoft.com/fwlink/?linkid=830387
 "version": "0.2.0",
 "configurations": [
 {
 "type": "node",
 "request": "attach",
 "name": "Node: Nodemon",
 "processId": "${command:PickProcess}",
 "restart": true,
 "protocol": "inspector",
 }
 ]
}

5,以debug模块启动项目,可以通过vscode自带的终端来启动

# npm run debug

6,在routes/index.js打断点

7,浏览器访问网站,vscode的终端,调试控制台就有断点的内容了

vscode debug

vscode debug



转载请注明
作者:海底苍鹰
地址:http://blog.51yip.com/jsjquery/1963.html

留下评论

留下评论
  • (必需)
  • (必需) (will not be published)
  • (必需)   9X2=?