[Vue.js] Vue Cli 설치하기

 

Vue.js Cli 설치하기

1. node.js 설치하기(8.9 이상)

1-1. 아래 링크로 들어가서 왼쪽 버전으로 node.js를 다운로드 한다.

 

https://nodejs.org/ko/

 

 

​

1-2. cmd창을 열어서 node.js가 설치되었는지 확인한다.

node.js 버전 확인      node -v
npm 버전 확인          npm -v

​

​

2. Vue Cli 설치하기

2-1. cmd창을 열어서 아래의 명령어를 입력한다.

window 명령어          npm install -g @vue/cli
Linux/Mac 명령어       sudo npm install -g @vue/cli

​

​

2-2. Vue Cli 설치 완료

​

​

2-3. cmd창을 열어서 Vue Cli가 설치되었는지 확인한다.

vue --version​

 

​

3. Vue 설치하기

3-1. cmd창을 열어서 아래의 명령어를 입력한다.

(cmd 경로를 프로젝트가 만들어질 곳으로 바꿔서 한다.)

vue create 프로젝트명

​

​

3-2. 아래 사진대로 선택 후 엔터를 누른다.

Manually select features 선택 후 엔터

여러개 고를 때는 스페이스바를 사용하고 다 골랐다면 엔터

엔터

 

ESLint with error prevention only 선택 후 엔터

 

Lint on save 선택 후 엔터

 

In dedicated config files 선택 후 엔터

 

엔터

 

​

​

3-2. 설치 완료

​

---

 

※ Vue Cli 설치 없이 Vue 프로젝트 설치하기

· cmd창을 열어서 아래의 명령어를 입력한다.

npx @vue cli create 프로젝트명

 

---

생성된 프로젝트를 서버로 실행하기

· cmd창을 열어서 아래의 명령어를 입력한다. (프로젝트가 위치한 경로에서 실행하기)

npm run serve

​

​

· chrome 주소창에 위 사진의 Local 주소를 입력한다.

(아래의 페이지가 정상적으로 나오면 완료)