带你在VSCode中调试Nestjs项目（教程）
用Vscode写过Node这类项目的小同伴们都知道, 若是我们想要排盘问题的时间大部分都是通过console.log举行打印来看问题在哪, 若是涉及到的问题较量重大的时间会选择通过Vscode中debug来调试实验解决, 可若是是Nest项目的话, 除了设置launch.json的话, 在调试的时间可能会提醒 找不到使命“tsc: build – tsconfig.json” 。
package.json
首先在package.json的script剧本中设置下令来优化, 这样不需要每次都在终端敲那么长的下令 。【推荐学习：vscode/” target=”_blank” textvalue=”vscode教程”>vscode教程、编程教学】
{
"scripts": {
"start":"nest start",
"dev:debug": "pnpm run start:debug",
"start:debug": "nest start --debug --watch",
}}复制代码
登录后复制
我们通过运行pnpm run dev:debug 就可以在运行在使用nest下令运行项目的时间添加`—debug“参数来举行调试, 可是这个时间我们只是把项目运行起来了, 在VSCode中打断点的时间并不会断住, Debug面板中也没有运行
Attach 调试
翻开下令面板（command+shift+p)，搜索Toggle Auto Attach，选中后回车启用
选择总是: 这样只要在终端通过nodejs运行使命的时间都会启动一个ws的调试端口
这个时间通过, 终端会泛起下面这行,接着会见http://localhost:9229/json, 就可以看到VSCode运行的每个调试用的wb(wbsocket), VScode调试实质上就是通过双端通讯的方法举行调试
Debugger listening on ws://127.0.0.1:9229/8e908307-94a7-4513-a525-82953b2c02c7For help, see: https://nodejs.org/en/docs/inspector复制代码
登录后复制
launch.json
现在我们可以通过本设置lunch.json的调试方法为attach来举行调试刚刚VScode提供的调试历程
{ "version": "0.2.0", "configurations": [
{ "type": "node", // 调试方法改为附加
"request": "attach", "name": "Attach Nest", "skipFiles": [ "<node_internals>/**"
], // 启动调试器之前运行使命举行编译TS项目
"preLaunchTask": "npm: dev:debug", "outFiles": [ "${workspaceFolder}/dist/**/*.js"
]
}
]
}复制代码</node_internals>
登录后复制
注重preLaunchTask, 上面我们说到在启动调试的时间会提醒会提醒 **找不到使命“xxx tsconfig.json” 。**我们需要在调试先通过tsc 编译
tasks.json
在VS Code中通过 tasks 设置文件，可以界说一组使命以便在编辑器中执行 。
{ "version": "2.0.0", "tasks": [
{ "type": "typescript", "tsconfig": "tsconfig.json", "problemMatcher": [ "$tsc"
], "group": "build", "label": "tsc: build", "options": { "emit": "true", "pretty": "true",
}
},
{ "type": "npm", "script": "dev:debug", "problemMatcher": [], "label": "npm: dev:debug", "detail": "pnpm run start:debug", "dependsOn": [ "tsc: build"
]
}
]
}复制代码
登录后复制
下面诠释下上面设置的两个使命
tsc: build: TypeScript 编译使命，它使用 tsconfig.json 文件中的设置来编译 TypeScript 代码 。使命的类型为 typescript，以是它会使用 tsc 下令来执行编译 。在编译时代，若是有任何过失，则会使用 $tsc 问题匹配器来识别过失信息 。
npm: dev:debug: 运行 NestJS 应用程序的调试使命 。它的类型是 npm，可以使用 NPM、Yarn 或 PNPM 来运行剧本 。该使命执行 dev:debug 剧本，该剧本由 NestJS 应用程序开发职员界说，并在 package.json 文件中指定 。该使命的依赖关系是 tsc: build，这意味着在运行 npm: dev:debug 使命之前，需要先执行 tsc: build 使命来编译 TypeScript 代码 。
至此我们就可以通过在VScode面板点击调试按钮, 运行npm: dev:debug 使命使用编译后的 JavaScript 代码来启动 NestJS 应用程序的调试版本 。通过这种方法，可以在 VS Code 中轻松地执行构建和调试操作，并使用一个简朴的下令来启动整个历程 。
更多关于VSCode的相关知识，请会见：vscode基础教程！
以上就是带你在VSCode中调试Nestjs项目（教程）的详细内容，更多请关注本网内其它相关文章！
