Vue 설치&프로젝트 생성 방법

 

1. Node.js 설치하기

 

Vue 프로젝트 생성을 위해서는 Node.js 설치가 되어있어야 함.

 

Node.js 설치

Node.js — 어디서든 JavaScript를 실행하세요

 

잘 설치 되었는지 확인하고 싶다면 터미널에서

node -v

 

2. Vue 설치하기

 

프로젝트를 생성할 폴더에서 새 터미널을 열어서 Vue 설치.

 

• npm 설치방법

$ npm install -g @vue/cli

• yarn 설치방법

$ yarn global add @vue/cli

• 설치된 버전 확인

vue --version

 

3. 프로젝트 생성하기 ( vue create 생성할 프로젝트 이름)

vue create ProjectName

• 생성한 프로젝트로 이동 ( vue create할때 적었던 프로젝트 이름을 cd 다음에 입력)

cd ProjectName

 

 

4. 프로젝트 실행하기

• npm 으로 설치했다면

npm run serve

• yarn 으로 설치했다면

yarn serve

 

 

 

이런 화면이 보인다면 성공!