Vue.js - Vue Cli 설치

 

 

 

 

Vue.js 개발을 위해서는 아래와 같은 준비단계가 필요합니다.

 

1. Node 설치

 

2. Vue Cli 설치

 

3. 개발 Tool 설치 : Visual Studio Code

 

---

2. Vue Cli 설치

 

Vue Cli : Vue를 개발하기 위해 기본 세팅을 친철하게 해주는 환경 구성이라고 보면 됩니다.

 

절차는 아래와 같습니다.

 

1. npm으로 vue cli 설치.

 

2. 만들고싶은 project명으로 vue project 생성.

 

3. vue project 실행

 

---

1. npm으로 vue cli 설치

 

먼저 이전의 설치한 npm을 이용하여 vue cli 설치

커맨드 실행후 아래와 같이 입력

* -g는 전역으로 여기저기서 사용할 수 있게 해주는 옵션입니다.

npm install -g @vue/cli

 

실행하면 아래와 같은 화면이 나오면서, 혼자 이것저것 설치합니다.

설치 완료. 이제 npm으로 엄청난 라이브러들을 설치할 수 있습니다.

---

2. Vue project 생성

vue create 프로젝트명

 

실행하면 아래와 같은 버전을 선택하라고 하는데, 일단 Vue3

설치 완료

설치한 폴더로 이동해서 안내한 데로 실행

---

 

3. vue project 실행

 

실행이 완료 되었으면, 

아래 Local 주소를 복사해서 Browser에서 실행합니다.

브라우저에서 실행되는 것을 확인하면,

이제 Vue 프로젝트를 생성한 것입니다.