>  기사  >  개발 도구  >  VSCode에서 Node.js를 디버깅하는 방법에 대한 간략한 분석

VSCode에서 Node.js를 디버깅하는 방법에 대한 간략한 분석

青灯夜游
青灯夜游앞으로
2021-09-14 19:09:322454검색

VSCode에서 Node를 디버깅하는 방법은 무엇입니까? 다음 글에서는 VSCode에서 Node.js를 디버깅하는 방법을 소개하겠습니다. 도움이 되셨으면 좋겠습니다!

VSCode에서 Node.js를 디버깅하는 방법에 대한 간략한 분석

가장 쉬운 디버깅 방법: 현재 파일 실행

VSCode에는 Node 디버거가 내장되어 있으므로 Node 디버깅이 매우 간단합니다. 아래 단계를 따르세요. [추천 학습: "vscode tutorialVSCode 内置 Node 调试器,调试 Node 极其简单,遵循以下步骤。【推荐学习:《vscode教程》】

Run Current File

  • 在 ToolBar 中找到 Run And Debug 按钮并点击,或直接 b237c0905e7b60ad8e81e3c8c042a0b4 打开调试

  • 在调试面板顶测选择 Run Current File

  • 点击绿色调试小按钮,开始调试

Run Current File 对于调试 NodeJS 而言仅仅是点一点即可,那如何调试 Typescript 以及更复杂的大型项目呢?

调试项目: JavaScript Debug Terminal

如果有一个 ts 文件需要调试,应如何处理?

Javascript Debug Terminal

  • 72086e191768fa3c208b96c979a9511a 打开 Terminal

  • Terminal 面板右侧点击 + 号小按钮,并继续点击 Javascript Debug Terminal,打开 JS 可调试的终端

  • 输入执行该 ts 文件的命令: npx ts-node index.ts

如果,启动该项目特别复杂,如何处理?

以下为例(虽然不是特别复杂),把启动命令抽象为 npm start

{
  "scripts": {
    "start": "NODE_ENV=production node index.js"
  }
}

第二步,在可调试终端中输入命令 npm start"]

현재 파일 실행

  • 툴바에서 실행 및 디버그 버튼을 찾아 클릭하거나 직접 7d259c3641fac6c6e65ab487aa103a20 디버깅 켜기

  • 디버깅 패널에서 현재 파일 실행 선택
  • 🎜작은 녹색 디버깅 클릭 디버깅을 시작하는 버튼🎜
🎜현재 파일 실행은 클릭 한 번으로 NodeJS를 디버깅할 수 있으므로 Typescript 및 더 복잡한 대규모 프로젝트를 디버깅하는 방법 모직물? 🎜

🎜디버그 프로젝트: JavaScript 디버그 터미널🎜🎜🎜디버깅해야 할 ts 파일이 있는 경우 어떻게 처리해야 하나요? 🎜🎜Javascript 디버그 터미널🎜
  • 🎜72086e191768fa3c208b96c979a9511a 터미널 열기🎜
  • 🎜터미널 패널 오른쪽에 있는 작은 버튼 +를 클릭하고 Javascript Debug Terminal을 계속 클릭하여 JS 디버그 가능 터미널 🎜
  • 🎜ts 파일을 실행하려면 npx ts-node index.ts🎜
🎜명령을 입력하세요. 특히 복잡한데 어떻게 처리해야 하나요? 🎜🎜다음은 시작 명령을 npm start로 추상화하는 예입니다(특별히 복잡하지는 않지만). 🎜rrreee🎜두 번째 단계, 디버깅 가능한 터미널에 npm start 명령을 입력하세요🎜🎜3단계, 디버깅 시작🎜🎜더 많은 프로그래밍 관련 지식을 보려면 🎜프로그래밍 소개🎜를 방문하세요! ! 🎜

위 내용은 VSCode에서 Node.js를 디버깅하는 방법에 대한 간략한 분석의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 juejin.cn에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제