WSL2 에 Node.js 설치

이상협·2022년 9월 15일
1

Ubuntu

목록 보기
1/2

Node.js 설치

WSL2에 설치되어 있는 ubuntu 터미널을 실행

  • sudo apt-get install curl 커맨드를 실행해서 cURL을 설치한다.

  • curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash 커맨드를 사용해서 nvm을 설치한다.

  • 잘 설치되었는지 버전확인 명령어를 쳐서 확인한다.

    • 만약 반응이 없거나 없다고 뜨면 터미널을 껐다가 켜보자

nvm 버전 관리

  • nvm ls로 현재 설치되어있는 버전들을 확인한다.
  • Node.js의 현재 안정적인 LTS 릴리스를 설치한다. nvm install --lts
  • Node.js의 현재 릴리스를 설치한다. nvm install node
  • nvm ls로 설치된 노드 버전을 확인한다.
  • node --versionnpm --version으로 Node.js와 npm이 설치되었는지 확인한다.
    • 오류가 발생하면 터미널을 껐다가 키면 확인이 될거다.

VS Code 확장

WSL 터미널로 들어가서 사용하려고 하면 불편할 수도 있다.
그래서 VS Code에서 원격을 통해 WSL을 접속해서 사용하려고 한다.

  • Extensions에 들어가서 remote - WSL을 검색해서 설치한다.
  • 좌측 하단에 >< 표시를 눌러준다.
  • 그러면 중앙 상단에 창이 뜰텐데, WSL에서 폴더 열기를 눌러준다.
  • 원하는 경로를 찾아서 열어주면 windows용 VS Code에서도 WSL을 사용할 수 있다.

node.js로 테스트

  • test폴더를 하나 만들어서 app.js 파일을 생성하고 다음 코드를 작성한다.
// app.js
const express = require('express')
const app = express()

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

app.listen(3000, () => {
    console.log('REST API running on port 3000')
})
  • 터미널을 실행하고 해당 폴더로 이동한 뒤 npm init 명령어를 실행해준다.
    • package name 설정해주고, 나머지는 필요하면 작성하고 아니면 엔터만 누르면 된다.
  • npm install --save express 명령으로 express를 설치해준다.
  • 설치가 완료되면 package.json 파일에 express가 추가되는 것을 볼 수 있다.
  • 시작 앱을 app.js로 지정해준다.
  • npm run start 명령으로 실행해주면 된다.
  • 로컬호스트 3000포트로 들어가게되면 app.js화면이 만들어진 것을 볼 수 있다.


참고

0개의 댓글