>웹 프론트엔드 >프런트엔드 Q&A >vs 코드로 nodejs를 실행하는 방법

vs 코드로 nodejs를 실행하는 방법

PHPz
PHPz원래의
2023-05-27 21:06:072004검색

VS Code는 여러 프로그래밍 언어를 지원하는 매우 인기 있는 코드 편집기입니다. 그중 Node.js는 매우 일반적인 서버 측 JavaScript 환경입니다. VS Code에서 Node.js를 실행하면 백엔드 애플리케이션을 보다 편리하게 개발하고 디버깅할 수 있습니다. 그렇다면 VS Code에서 Node.js를 실행하는 방법은 무엇입니까? 이 기사는 당신에게 말할 것입니다.

1. Node.js 설치

첫 번째 단계는 Node.js가 설치되어 있는지 확인하는 것입니다. Node.js가 이미 설치되어 있으면 이 단계를 건너뛸 수 있습니다. 설치되어 있지 않은 경우 아래 단계에 따라 Node.js를 설치할 수 있습니다.

  1. Node.js 공식 웹사이트를 엽니다: https://nodejs.org/zh-cn/
  2. 다운로드 버튼을 클릭하여 다운로드하세요. 최신 버전의 Node.js
  3. 가이드에 따라 단계별로 Node.js를 설치하세요
  4. 설치가 완료된 후 터미널이나 명령줄에 다음 명령을 입력하여 Node.js가 성공적으로 설치되었는지 확인하세요.
node -v

Node.js 버전이 출력되면 Node.js 설치가 성공한 것입니다.

2. VS Code를 사용하여 Node.js 실행

Node.js를 성공적으로 설치한 후 다음 단계는 VS Code에서 Node.js 프로젝트를 만드는 것입니다.

  1. VS Code 열기
  2. 프로젝트를 저장할 새 폴더 만들기
  3. 폴더에 app.js와 같은 새 JavaScript 파일 만들기
  4. app.js에 Node.js 코드를 작성하세요. 예:
const http = require('http');

const server = http.createServer((req, res) => {
  res.statusCode = 200;
  res.setHeader('Content-Type', 'text/plain');
  res.end('Hello, World!
');
});

server.listen(3000, () => {
  console.log('Server running at http://localhost:3000/');
});

이 코드는 HTTP 서버를 생성하고 포트 3000에서 수신 대기하며 Hello, World! 응답을 반환합니다.

  1. VS Code에서 터미널을 열고 다음 명령을 실행하여 Node.js용 디버깅 도구를 설치합니다.
npm install -g node-inspect
  1. F5를 누르거나 VS Code에서 디버그 버튼을 클릭하여 디버깅 모드로 들어갑니다
  2. 디버깅 패널에서 VS Code에서 Node.js
  3. 를 선택하고 launch.json 파일에 구성을 추가하여 Node.js 애플리케이션을 시작하세요. 예:
{
  "type": "node",
  "request": "launch",
  "name": "Launch Program",
  "program": "${workspaceFolder}/app.js",
  "restart": true
}

실제 파일 경로에 따라 변경하세요.

  1. Node.js 애플리케이션을 시작하려면 디버그 패널에서 실행 버튼을 클릭하세요. 이제 VS Code에서 Node.js 실행 환경이 시작되어 디버거가 정상적으로 작동할 수 있습니다.
  2. 브라우저에서 http://localhost:3000/을 방문하면 Hello, World!라는 응답을 볼 수 있습니다.

3. Node.js 디버깅

VS Code에서 Node.js를 실행하면 쉽게 디버깅할 수 있다는 장점이 있습니다. 다음은 VS Code에서 Node.js를 디버깅하기 위한 몇 가지 기본 작업입니다.

  1. 중단점 설정: VS Code에서 코드 줄 번호를 클릭하여 중단점을 설정합니다. 코드가 중단점까지 실행되면 프로그램은 실행을 일시 중지하고 디버거에서 코드의 실행 프로세스를 분석할 수 있습니다.
  2. 변수 모니터링: 디버거에서 변수 값은 물론 변수 유형 및 범위와 같은 정보도 볼 수 있습니다.
  3. 호출 스택 추적: 디버거는 코드 실행의 호출 스택을 추적할 수 있으며 호출 스택에서 각 함수의 호출 프로세스를 볼 수 있습니다.
  4. 예외 시뮬레이션: 프로그램이 실행되는 동안 예외 처리를 테스트하기 위해 예외를 시뮬레이션할 수 있습니다.

위는 VS Code에서 Node.js를 실행하는 기본 동작 방법과 Node.js 디버깅의 기본 동작입니다. 이러한 작업을 통해 우리는 백엔드 애플리케이션을 보다 편리하게 개발하고 테스트할 수 있습니다.

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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.