> 개발 도구 > VSCode > 본문

vscode npm 실행 방법

藏色散人
풀어 주다: 2019-11-18 09:42:40
원래의
7042명이 탐색했습니다.

vscode npm 실행 방법

vscode npm 및 nodemon 디버깅#🎜🎜 #nodejs를 디버깅하는 방법은 여러 가지가 있습니다. 사용 가능한 최고의 도구를 사용하여 Node.js를 디버깅하는 방법을 읽어보세요. 그중에서 제가 가장 좋아하는 방법은 V8 Inspector와 vscode입니다.

vscode에서 스파이더 버튼을 클릭하세요 디버그 사이드바를 확인한 다음 구성을 추가합니다

환경 선택#🎜 🎜##🎜🎜 #launch.json 파일을 보실 수 있습니다.

시작할 때 해당 구성을 선택한 다음 오른쪽을 가리키는 녹색 삼각형을 클릭하세요

실행 모드 및 연결 모드

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "node",
      "request": "launch",
      "name": "Launch Program",
      "program": "${workspaceRoot}/index.js"
    },
    {
      "type": "node",
      "request": "attach",
      "name": "Attach to Port",
      "address": "localhost",
      "port": 5858
    }
  ]
}
로그인 후 복사

시작할 때 요청은 실행 시 실행 모드입니다. 이는 프로그램이 vscode에서 시작되기 때문입니다. 디버깅 중이면 항상 디버깅 모드에 있기 때문입니다. Attach 모드는 이미 시작된 서비스에 연결하는 모드입니다. 예를 들어, 외부에서 프로젝트를 시작했는데 갑자기 디버그해야 하는 경우 시작된 프로젝트를 닫고 vscode에서 다시 시작할 필요가 없습니다. 연결 모드에서 시작하면 vscode는 이미 시작된 서비스에 연결할 수 있습니다. . 디버깅이 끝나면 연결을 끊기만 하면 됩니다. 이는 실행하는 것보다 확실히 더 편리합니다.

디버그에서 시작하려면 npm을 사용하세요

우리는 package.json의 스크립트에 긴 시작 명령과 구성을 자주 작성합니다. 예를 들면 # 🎜🎜#

"scripts": {
  "start": "NODE_ENV=production PORT=8080 babel-node ./bin/www",
  "dev": "nodemon --inspect --exec babel-node --presets env ./bin/www"
},
로그인 후 복사

npm을 사용하여 vscode를 시작하고 디버깅하려면 다음 구성이 필요합니다.

{
  "name": "Launch via NPM",
  "type": "node",
  "request": "launch",
  "runtimeExecutable": "npm",
  "runtimeArgs": [
    "run-script", "dev"//这里的dev就对应package.json中的scripts中的dev
  ],
    "port": 9229//这个端口是调试的端口,不是项目启动的端口
},
로그인 후 복사

디버그에서 시작하려면 nodemon을 사용하세요#🎜 🎜# 그냥 npm을 사용하여 시작하세요. dev 명령에 nodemon을 사용하더라도 정상적으로 프로그램을 다시 시작할 수 있습니다. 그러나 다시 시작한 후에는 디버깅이 끊어집니다. 따라서 vscode가 nodemon을 사용하여 프로젝트를 시작하도록 해야 합니다.

{
  "type": "node",
  "request": "launch",
  "name": "nodemon",
  "runtimeExecutable": "nodemon",
  "args": ["${workspaceRoot}/bin/www"],
  "restart": true,
  "protocol": "inspector",//相当于--inspect了
  "sourceMaps": true,
  "console": "integratedTerminal",
  "internalConsoleOptions": "neverOpen",
  "runtimeArgs": [//对应nodemon --inspect之后除了启动文件之外的其他配置
    "--exec",
    "babel-node",
    "--presets",
    "env"
  ]
},
로그인 후 복사

여기에서 런타임Args에 주의하세요. 이러한 구성을 package.json에 작성하면 다음과 같습니다

nodemon --inspect --exec babel-node --presets env ./bin/www
로그인 후 복사
로그인 후 복사

이것은 매우 편리합니다. 일반적으로 다시 시작할 때마다 디버깅 기능이 활성화됩니다.

그런데 디버깅 기능을 항상 활성화하고 싶지 않다면 어떻게 해야 할까요? 위에서 언급한 연결 모드를 사용해야 합니다.

다음 명령을 사용하여 프로젝트를 정상적으로 시작하세요

nodemon --inspect --exec babel-node --presets env ./bin/www
로그인 후 복사
로그인 후 복사

디버깅을 원할 경우 vscode 디버그에서 다음 구성을 실행하세요

{
  "type": "node",
  "request": "attach",
  "name": "Attach to node",
  "restart": true,
  "port": 9229
}
로그인 후 복사
#🎜🎜 # 완벽한!

위 내용은 vscode npm 실행 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!