Visual Studio Code로 Node.js를 설정하는 방법

문제를 제거하기 위해 도구를 사용해보십시오

Visual Studio Code로 Node.js를 설정하는 방법

소개



Node.js는 JavaScript를 사용하여 빠르고 확장 가능한 서버 애플리케이션을 구축하기 위한 플랫폼입니다. Node.js는 런타임이고 npm은 Node.js 모듈용 패키지 관리자입니다. Visual Studio Code는 즉시 사용 가능한 JavaScript 및 TypeScript 언어와 Node.js 디버깅을 지원합니다. 그러나 Node.js 애플리케이션을 실행하려면 컴퓨터에 Node.js 런타임을 설치해야 합니다.






가장 간단한 Node.js Express 애플리케이션인 Node.js로 시작하겠습니다.



왜 Node.js인가?



  • Node.js는 무료입니다.
  • Node.js 플랫폼 독립적
  • Node.js는 비동기 프로그래밍을 사용합니다.

플랫폼에 맞는 Node.js 소스 코드 또는 사전 구축된 설치 프로그램을 다운로드하십시오._https://nodejs.org/en/download/_MyFirstProject라는 빈 폴더를 생성하거나 원하는 이름을 만드십시오.






명령 프롬프트 열기-> 다음과 같은 cd 명령으로 MyFirstProject로 이동

D:WorkspaceClientsdev-parveen ode_projects>cd MyFirstProject

그런 다음 npm 명령을 다음과 같이 따르십시오.

D:WorkspaceClientsdev-parveen ode_projectsMyFirstProject>npm 초기화
D:WorkspaceClientsdev-parveen ode_projectsMyFirstProject>npm init -> Enter 키를 누릅니다.

t-sql 튜토리얼 pdf

npm init를 사용하여 신규 또는 기존 npm 패키지를 설정하거나 단순히 Google에서 수행하는 작업을 정확히 검색할 수 있습니다.

Enter 키를 누르면 다음과 같이 패키지 이름 및 기타 설정 세부 정보를 묻는 메시지가 표시됩니다.

패키지 이름: (myfirstproject) pkgnode(pkgnode는 내가 지정한 패키지 이름이거나 원하는 대로 지정할 수 있습니다). => 계속하려면 Enter 키를 누르십시오.

버전: (1.0.0) 1.0.0 (프로젝트 버전을 원하는 대로 설정). => 계속하려면 Enter 키를 누르십시오.

설명: 이것은 나의 첫 번째 노드 프로젝트입니다. => 계속하려면 Enter 키를 누르십시오.

진입점: (index.js) app.js (app.js는 시작 파일의 이름이거나 원하는 대로 지정할 수 있습니다). => 계속하려면 Enter 키를 누르십시오.

test 명령: 선택 사항이거나 npm test를 호출할 때마다 실행되는 명령인 test 명령을 지정할 수 있습니다. => 계속하려면 Enter 키를 누르십시오.

git 저장소: git repo / 선택 사항입니다 => 계속하려면 Enter 키를 누르십시오.

키워드: 선택사항 => Enter 키를 누르십시오. => 계속하려면 Enter 키를 누르십시오.

작성자: Parveen =>(선택 사항) 계속하려면 Enter 키를 누르십시오.

라이센스: (ISC) =>(선택 사항), 기본 설정 ISC, 계속하려면 Enter 키를 누르십시오.

이미지제목입니다

npm init 단계가 완료되면 package.json 파일이 프로젝트에 추가되고 다음과 같이 프로젝트 디렉토리 표시를 확인할 수 있습니다.

이미지제목입니다

여기서는 VSCode 편집기를 사용하고 있습니다. 그 안에 프로젝트를 엽니다.

이미지제목입니다

반응 경고 예

VSCode에서 app.js라는 자바 스크립트 파일을 추가하고 코드를 작성합니다.

이미지제목입니다

Node.js를 사용하여 익스프레스 애플리케이션을 만들 것입니다. 프로젝트에 Express를 설치해 보겠습니다. 이제 VSCode PowerShell 명령 터미널을 열어 보겠습니다.

메뉴 표시줄로 이동 => 터미널 => 새 터미널

이미지제목입니다

이제 npm을 사용하여 Express를 설치합니다. npm –i express ↵

이미지제목입니다

프로젝트에 익스프레스 모듈을 설치하고 프로젝트에서 package.json 파일을 확인하고 익스프레스 패키지 세부 정보를 볼 수 있습니다.

이미지제목입니다

이제 다음 코드 샘플을 app.js 파일에 작성합니다.

const express = require('express'); const app = express(); const port = 3000; app.get('/', (req, res) => res.send('Welcome To Nodejs!')); app.listen(3000, () => console.log(`Example app listening on port ${port}!`));

이미지제목입니다

이제 터미널에서 NPM start 또는 node app.js를 사용하여 Node.js 앱을 실행합니다.

이미지제목입니다

첫 번째 Node 앱을 성공적으로 만들었습니다. 여기에서 멈추지 말고 Node.js의 멋진 세계를 계속 탐험하세요. 제공할 것이 훨씬 더 많기 때문입니다.

퀀트스탬프 구매처

이미지제목입니다

이 앱은 서버를 시작하고 연결을 위해 포트 3000에서 수신 대기합니다. 앱은 루트 URL(/) 또는 경로에 대한 요청에 대해 Let's Start with Node.js로 응답합니다. 다른 모든 경로에 대해 404 Not Found로 응답합니다.

읽어 주셔서 감사합니다!

#node-js #npm #vscode #자바스크립트