[Ubuntu] 우분투에 Vue.js 개발환경 세팅하기

우분투에 Vue.js 개발환경 세팅하기

nvm, node, npm의 설치

nvm 설치

가장 먼저 할 일은 nvm의 설치이다. 다음 명령어를 통해 nvm을 설치한다.

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.38.0/install.sh | bash
wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.38.0/install.sh | bash

위 명령어는 자주 쓰는 것이기 때문에 아예 외워 버리자, 다음과 같이 나눠서 외우면 된다.

• curl -o-
  • -o: --output
  • -: filename context 즉, install.sh로 저장한다는 뜻
• https://raw.githubusercontent.com: 앞에 raw가 붙어야 되고, content는 s로 끝나지 않는다.
• /nvm-sh/nvm
• /v0.38.0/install.sh
• | bash : bash.sh가 아니라 그냥 bash
  • | : vertical bar, 파이프라고 부른다. 한 명령어를 다른 명령어에 파이프 연결시킬 때 쓴다. 즉슨, 앞 명령어의 결과물을 뒤 명령어의 입력값으로 쓴다.
  • bash 명령을 통해 install.sh를 실행한다.

node, npm의 설치

현재 stable한 node의 버전이 14이므로 다음 명령어를 통해 node를 설치한다, npm도 같이 설치된다.

$ nvm install 14

설치 확인

다음의 명령어로 설치를 확인한다.

$ nvm -v
$ node -v
$ npm -v

vue-cli의 설치

다음 명령어로 vue-cli를 설치한다.

$ npm i -g @vue/cli

다음 명령어로 설치가 제대로 됐는지 확인한다.

$ vue -v