PHPINFO

WSL2를 사용하여 Node.js 개발 환경 설치 본문

Node.js

WSL2를 사용하여 Node.js 개발 환경 설치

2020. 12. 2. 02:01

WSL2 설치

WSL은 Windows Subsystem for Linux의 약자로 윈도우 환경에서 가상머신 없이 리눅스 배포판 버전을 설치하여 운영할 수 있습니다. 

 

현재 Windows 10 환경에 Ubuntu 20.04 LTS 를 설치한 상태입니다. 설치 과정은 여기에서는 생략하겠습니다.

 

nvm, node.js 및 npm 설치

node.js 는 버전이 빠르게 바뀌기 때문에 버전 관리자를 사용하는 것이 좋습니다. 

프로젝트를 여러개 진행한다면 여러 버전 간 전환해서 사용해야 하는 경우도 있는데, nvm (Node Version Manager)을 이용해 여러 버전의 Node.js 를 설치할 수 있습니다. 그리고 npm (Node Pacackage Manager)은 이름 그대로 노드 패키지 관리자로 여러 모듈들을 관리하기 위한 용도로 사용합니다.

 

# cURL 설치
sudo apt install curl 

# nvm 설치
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.3/install.sh | bash

# 참고, 설치 후 아래 커맨드로 확인이 안될 경우, 터미널을 닫고 다시 열면 됩니다.

# nvm 버전 확인
nvm --version

# 현재 설치된 노드 버전 나열
nvm ls

# 최신 Node.js 릴리스 설치
nvm install node

# 최신 Node.js LTS 설치 (권장)
nvm install node --lts

# 설치된 노드 버전 확인
nvm ls

# 참고 
node --version 명령을 사용하여 Node.js가 설치되어 있는지 여부 및 현재 기본 버전을 확인합니다. 
그리고 npm --version 명령을 사용하여 npm이 설치되어 있는지 확인합니다
(which node 또는 which npm 명령을 사용하여 기본 버전에 사용되는 경로도 확인 가능).

프로젝트에 사용할 Node.js 버전을 변경하려면 
새 프로젝트 디렉터리 mkdir NodeTest를 만들고 
cd NodeTest 디렉터리로 들어간 다음, 
nvm use node를 입력하여 현재 버전으로 전환하거나 
nvm use --lts를 입력하여 LTS 버전으로 전환합니다. 
nvm use v8.2.1처럼 설치한 버전의 특정 번호를 사용할 수도 있습니다. 
(사용 가능한 모든 Node.js 버전을 나열하려면 nvm ls-remote 명령을 사용합니다.)

 

VS Code (Visual Studio Code) 및 원격 WSL 확장 설치

먼저 VS Code 부터 설치합니다.

code.visualstudio.com/

 

Visual Studio Code - Code Editing. Redefined

Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications.  Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows.

code.visualstudio.com

 Visual Studio Code 공식 사이트에서 윈도우 버전을 다운로드하여 설치합니다. 

 

그리고, Remote - WSL 확장을 VS Code에 설치합니다. 

이를 통해 WSL을 통합 개발 환경으로 사용하고, 호환성과 패치를 처리할 수 있습니다.

 

VS Code에서 확장 창을 열고 (Ctrl+Shift+X), Remode - WSL 을 검색하여 설치 가능합니다. 

 

아래와 같이 LOCAL 과 WSL: UBUNTU-20.04 세션으로 구분된 것을 확인 할 수 있습니다.

 

여기까지 간단히 WSL2 우분투 20.04 에 Node.js 개발환경 설치를 진행했습니다.

다음 포스팅은 이 개발환경에서 간단한 웹프레임워크를 진행하는 방법을 소개해보도록 하겠습니다.

0 Comments
댓글쓰기 폼