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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

예, 일부 버전의 VisualStudio는 무료입니다. 특히 VisualStudiocommunityedition은 개별 개발자, 오픈 소스 프로젝트, 학술 연구 및 소규모 조직에게 무료입니다. 그러나 VisualStudioprofessional 및 Enterprise와 같은 유료 버전도 대규모 팀 및 기업에 적합하여 추가 기능을 제공합니다.

VisualStudio와의 교차 플랫폼 개발은 실현 가능하며 .NETCore 및 Xamarin과 같은 프레임 워크를 지원함으로써 개발자는 한 번에 코드를 작성하고 여러 운영 체제에서 실행할 수 있습니다. 1) .netCore 프로젝트를 만들고 크로스 플랫폼 기능을 사용하십시오. 2) 모바일 애플리케이션 개발에 Xamarin을 사용하십시오.

코드에서 JSON을 포맷하는 방법은 다음과 같습니다. 1. 바로 가기 키 사용 (Windows/Linux : Ctrl Shift I; MacOS : CMD Shift I); 2. 메뉴를 살펴보십시오 ( "편집"& gt; "형식 문서"); 3. JSON Formatter Extensions (예 : 더 예쁘다) 설치; 4. 수동으로 형식 (바로 가기 키를 사용하여 블록을 들여 쓰기/추출하거나 교정기 및 세미콜론을 추가); 5. 외부 도구 (예 : Jsonlint 및 Json Formatter)를 사용하십시오.

VSCODE의 컴파일 코드는 5 단계로 나뉩니다. C 확장을 설치하십시오. 프로젝트 폴더에서 "main.cpp"파일을 만듭니다. 컴파일러를 구성 (예 : Mingw); 바로 가기 키 ( "Ctrl Shift B") 또는 "빌드"버튼으로 코드를 컴파일합니다. 바로 가기 키 ( "F5") 또는 "실행"버튼으로 컴파일 된 프로그램을 실행하십시오.

Visual Studio Code를 설치하려면 다음 단계를 따르십시오. 공식 웹 사이트 https://code.visualstudio.com/; 운영 체제에 따라 설치 프로그램을 다운로드하십시오. 설치 프로그램을 실행하십시오. 라이센스 계약을 수락하고 설치 경로를 선택하십시오. 설치가 완료된 후 VSCODE가 자동으로 시작됩니다.

Visual Studio 코드에서 글꼴을 확대하는 방법은 다음과 같습니다. 설정 패널 (CTRL 또는 CMD)을 엽니 다. "글꼴 크기"를 검색하고 조정하십시오. 올바른 크기의 "글꼴 패밀리"를 선택하십시오. 올바른 크기를 제공하는 테마를 설치하거나 선택하십시오. 키보드 바로 가기 (CTRL 또는 CMD)를 사용하여 글꼴을 확대하십시오.

VSCODE를 통해 원격 서버에 연결하는 방법은 무엇입니까? 원격 설치 -SSH 확장 구성 SSH vscode에서 연결을 만듭니다. 연결 정보 입력 정보 : 호스트, 사용자 이름, 포트, SSH 키 원격 탐색기에서 저장된 연결을 두 번 클릭하십시오.

VSCODE에서 VUE 프로젝트를 실행하는 단계가 필요합니다. 1. VUE CLI를 설치하십시오. 2. VUE 프로젝트를 만듭니다. 3. 프로젝트 디렉토리로 전환하십시오. 4. 프로젝트 종속성을 설치하십시오. 5. 개발 서버를 실행하십시오. 6. 브라우저를 열면 http : // localhost : 8080을 방문하십시오.


핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

AI Hentai Generator
AI Hentai를 무료로 생성하십시오.

인기 기사

뜨거운 도구

드림위버 CS6
시각적 웹 개발 도구

Atom Editor Mac 버전 다운로드
가장 인기 있는 오픈 소스 편집기

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)

DVWA
DVWA(Damn Vulnerable Web App)는 매우 취약한 PHP/MySQL 웹 애플리케이션입니다. 주요 목표는 보안 전문가가 법적 환경에서 자신의 기술과 도구를 테스트하고, 웹 개발자가 웹 응용 프로그램 보안 프로세스를 더 잘 이해할 수 있도록 돕고, 교사/학생이 교실 환경 웹 응용 프로그램에서 가르치고 배울 수 있도록 돕는 것입니다. 보안. DVWA의 목표는 다양한 난이도의 간단하고 간단한 인터페이스를 통해 가장 일반적인 웹 취약점 중 일부를 연습하는 것입니다. 이 소프트웨어는
