IDEA에서 Node.js 개발 환경을 설정하는 방법

Node.js는 Chrome V8 엔진을 기반으로 하는 JavaScript 실행 환경으로, 백그라운드에서 또는 애플리케이션으로 실행될 수 있습니다. 웹 개발 도구로 사용할 수 있을 뿐만 아니라 데이터 저장, 모바일 애플리케이션 등 다양한 시나리오에서도 사용할 수 있습니다. 오늘은 IDEA에서 Node.js 개발 환경을 설정하는 방법을 배워보겠습니다.

1. Node.js 다운로드 및 설치

먼저 공식 웹사이트로 이동하여 Node.js 설치 패키지를 다운로드해야 합니다. URL은 https://nodejs.org/zh-cn/download/입니다. 다운로드가 완료되면 설치를 시작합니다.

안내에 따라 단계별로 설치하세요. Windows 플랫폼인 경우 설치 패키지를 두 번 클릭하여 열고 해당 언어를 선택한 다음 계속을 클릭하세요. 그러면 Node.js 설치 인터페이스가 나타나고 다음을 클릭한 후 설치 경로를 선택합니다. 다음으로 사용자 정의 설치 옵션을 확인하고 경로에 추가 옵션(환경 변수에 Node.js 추가)을 확인합니다. 그런 다음 설치가 완료될 때까지 계속 다음을 클릭합니다.

2. Node.js의 환경 변수를 구성합니다

Windows에서는 환경 변수를 구성해야 합니다. 컴퓨터의 검색창에서 환경 변수를 검색하고 '시스템 환경 변수 편집'을 클릭하세요. "시스템 변수"에서 경로를 찾은 다음 편집을 클릭하고 변수 값에 Node.js 설치 경로를 추가하세요. 여러 경로를 세미콜론으로 구분하세요. 완료되면 확인을 클릭하여 종료하세요.

3. IDEA 구성

IDEA를 열려면 먼저 Node.js 플러그인을 설치해야 합니다. IDEA 홈페이지에서 "설정" 버튼을 클릭하여 설정 페이지로 진입한 후 검색창에 "Node.js"를 입력한 후 클릭하여 다운로드 및 설치를 진행합니다.

다음으로 IDEA에서 Node.js 프로젝트를 생성해야 합니다. IDEA 홈페이지를 열고 새 프로젝트 만들기 버튼을 클릭한 후 파란색 Node.js 애플리케이션 아이콘을 선택한 후 다음을 클릭하고 프로젝트 이름과 프로젝트 경로를 입력하세요. 이 과정에서 IDEA에서 Node.js 버전을 선택할 수 있습니다. 1단계에서 Node.js를 설치한 경우 시스템에서 Node.js 버전을 선택하면 됩니다. 설치되어 있지 않은 경우 여기에서 Node.js를 다운로드하고 지시에 따라 단계별로 설치할 수 있습니다.

Node.js 프로젝트를 생성한 후에는 프로젝트에 종속성을 추가해야 합니다. IDEA의 프로젝트 패널에서 "package.json" 파일을 찾아 두 번 클릭하여 연 다음 "종속성" 필드를 편집하여 필요한 종속성을 추가합니다. 예를 들어 Express.js를 설치하려면 "종속성" 필드 아래에 다음 코드를 추가하세요.

"dependencies": {
    "express": "^4.17.1",
}

IDEA 콘솔에서 다음 명령을 실행하여 Node.js 프로젝트에 필요한 종속성을 추가하세요.

npm install

4 . 프로젝트 시작

마지막으로 Node.js 프로젝트를 시작해야 합니다. IDEA의 프로젝트 패널에서 "app.js" 파일을 찾은 다음(찾지 못할 경우 프로젝트 루트 디렉터리에서 파일을 생성할 수 있음) 코드에 몇 가지 기본 Express.js 코드를 추가합니다.

const express = require('express')
const app = express()

app.get('/', (req, res) => {
    res.send('Hello World!')
})

const port = process.env.PORT || 3000
app.listen(port, () => {
    console.log(`Example app listening at http://localhost:${port}`)
})

이제 구현한 간단한 Express.js 프로그램입니다. 브라우저에서 "http://localhost:3000"에 액세스하면 "Hello World!"라는 단어가 표시됩니다.

마지막으로 콘솔에 다음 명령을 입력하여 프로젝트를 시작합니다.

npm start

프로젝트가 시작된 후 브라우저에서 http://localhost:3000을 방문하여 프로젝트를 볼 수 있습니다.

요약

위는 IDEA에서 Node.js 개발 환경을 구축하는 단계입니다. 이 글이 초보자들에게 도움이 되기를 바랍니다.

위 내용은 IDEA에서 Node.js 개발 환경을 설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!