Les amis qui ont utilisé Vscode pour écrire des projets tels que Node savent tous que lorsque nous voulons résoudre des problèmes, la plupart d'entre eux impriment via console.log
pour voir où se situe le problème. impliqué est plus complexe, vous choisirez de déboguer et d'essayer de le résoudre via le débogage dans Vscode. Cependant, s'il s'agit d'un projet Nest, en plus de configurer launch.json, vous pouvez être invité lors du débogage à effectuer la tâche "tsc not". trouvé" :build-tsconfig.json". console.log
进行打印来看问题在哪, 如果涉及到的问题比较复杂的时候会选择通过Vscode中debug来调试尝试解决, 可如果是Nest项目的话, 除了配置launch.json的话, 在调试的时候可能会提示 找不到任务“tsc: build - tsconfig.json”。
首先在package.json的script脚本中配置命令来优化, 这样不需要每次都在终端敲那么长的命令。【推荐学习: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面板中也没有运行
Toggle Auto Attach
,选中后回车启用这个时候通过, 终端会出现下面这行,接着访问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复制代码
现在我们可以通过本配置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" ] } ] }复制代码
注意preLaunchTask, 上面我们说到在启动调试的时候会提示会提示 **找不到任务“xxx tsconfig.json”。**我们需要在调试先通过tsc 编译
在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
, Enseignement de la programmation]
rrreeeNous pouvons utiliser Nest au moment de l'exécution en exécutant pnpm run dev:debug
lors de la commande pour exécuter le projet, ajoutez le paramètre `—debug` pour le débogage, mais pour le moment, nous exécutons simplement le projet. Lorsque le point d'arrêt est défini dans VSCode, il ne sera pas interrompu et le panneau de débogage ne s'exécute pas non plus. Attacher le débogage
Toggle Auto Attach
, sélectionnez et appuyez sur Entrée pour activer
attach
pour déboguer le processus de débogage qui vient d'être fourni par VScode🎜rrreee🎜Faites attention à preLaunchTask, comme nous l'avons mentionné ci-dessus, lors du démarrage du débogage, il y aura une invite indiquant que **ne peut pas être trouvé. Allez à la tâche "xxx tsconfig.json". **Nous devons compiler via tsc avant le débogage🎜🎜Dans VS Code, via le fichier de configuration des tâches, vous pouvez définir un ensemble de tâches pour Exécuté dans l’éditeur. 🎜rrreee🎜Ce qui suit est une explication des deux tâches configurées ci-dessus🎜
tsc: build
: tâche de compilation TypeScript, qui utilise tsconfig.json code> fichier pour compiler le code TypeScript. Le type de la tâche est <code>typescript
, elle utilisera donc la commande tsc
pour effectuer la compilation. Lors de la compilation, s'il y a des erreurs, l'outil de correspondance de problèmes $tsc
est utilisé pour identifier le message d'erreur.
npm : dev:debug
: exécute la tâche de débogage de l'application NestJS. Il est de type npm
et peut utiliser NPM, Yarn ou PNPM pour exécuter le script. Cette tâche exécute le script dev:debug
, défini par le développeur de l'application NestJS et spécifié dans le fichier package.json
. La dépendance de cette tâche est tsc: build
, ce qui signifie qu'avant d'exécuter la tâche npm: dev:debug
, tsc: build
doit être exécuté la première tâche pour compiler le code TypeScript. npm: dev:debug
pour utiliser le code JavaScript compilé pour démarrer la version de débogage. de l'application NestJS. De cette façon, vous pouvez facilement effectuer des opérations de construction et de débogage dans VS Code et utiliser une commande simple pour démarrer l'ensemble du processus. 🎜🎜🎜🎜🎜Pour plus de connaissances sur VSCode, veuillez visiter : 🎜Tutoriel de base de vscode🎜 ! 🎜Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!