在Visual Studio代码中用纱线运行NodeJS项目

我有一个NodeJS项目,我可以使用yarn start命令从命令行yarn start 。 我的package.json看起来类似于这个:

 { "name": "projectname", "version": "0.0.1", "description": "", "author": "My Name", "license": "", "scripts": { "start": "yarn dev", "dev": "yarn stop && pm2 start pm2-dev.yaml && webpack-dev-server --progress", "prod": "yarn stop && yarn build && pm2 start pm2-prod.yaml", "build": "rimraf dist lib && babel src -d lib --ignore test.js && cross-env NODE_ENV=production webpack -p --progress", "stop": "rimraf logs/* && pm2 delete all || true" }, "dependencies": { "body-parser": "~1.16.0", "ejs": "2.5.5", "express": "^4.14.1", "pg": "^6.1.2", "react": "^15.4.2", "redux": "^3.6.0", }, "devDependencies": { "babel-cli": "^6.22.2", "cross-env": "^3.1.4", "eslint": "^3.13.0", "pm2": "^2.3.0", "redux-mock-store": "^1.2.2", "rimraf": "^2.5.4", "webpack": "^2.2.1", "webpack-dev-server": "^2.2.1" } } 

我试图用Visual Studio Code在debugging模式下启动这个项目,但几乎没有运气。 我已经在VS Code launch.json文件中定义了我的启动configuration,如下所示:

 { // Use IntelliSense to learn about possible Node.js debug attributes. // Hover to view descriptions of existing attributes. // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387 "version": "0.2.0", "configurations": [ { "type": "node", "request": "launch", "name": "yarn", "runtimeExecutable": "yarn", "runtimeArgs": [ "start" ], "port": 5858, "cwd": "${workspaceRoot}", "timeout": 10000 } ] } 

这个configuration的问题是它通常超时,因为webpack-dev-server构build时间超过了10秒。 我可以增加configuration中的timeout ,但是我注意到,带有消息的VS Code结果Cannot connect to runtime process (timeout after 30000 ms). 最终,所以我认为这不是一个好的解决scheme。 此外,我的断点被忽略了这种configuration,这告诉我,我肯定在这里做错了。

这是我第一次尝试Visual Studio代码,我通常不使用NodeJS,但是我已经在package.json定义了所有这些脚本的项目,所以我试图采用它,因此所有的混淆关于如何正确运行。

Visual Studio代码是否可以像这样运行一个具有完全debuggingfunction的项目?如果是的话,我应该如何configuration我的启动脚本?