vscode 调试

1. 左侧debugger按钮
2. 找到项目文件夹,添加配置
3. 会在项目根目录生成.vscode文件夹,里面有launch.json ,这是调试程序配置项
4. program 是入口文件
5. ${workspaceFolder}表示项目跟目录

问题

• process.env.NODE_ENV 在调试时没有值?
  • 解决: launch.json中,添加env配置项

  configurations:[
  ...
  "env": {
      "NODE_ENV": "dev"
    }
  ...]
  

chrome调试

1.package.json scripts添加 inspect参数

```
"scripts": {
  "dev": "set PORT=8888 && cross-env NODE_ENV=dev nodemon --inspect=9229 ./bin/www"
},
```

2.启动项目,重启chrome并访问 chrome://inspect

3. image
4. 点击target下的inspect就好了,后面和调试js大致相同

问题

• 打开chrome没有显示Remote Target
  • 解决: 点击Open dedicated DevTools for Node
  • image
  • 跳出一个弹框,点击 add connection按钮添加自己地址 localhost:9229,
    这里的9229端口是在package.json里配置的,可自行修改