[Vue.js #5] 내가 보려고 쓴 Vue-cli 초기실행법 (Vue2)

 

- 기존 파일을 열고 싶을 때 (본인의 새 프로젝트를 만들고 싶다면 아래로)

레포지토리 clone을 해준 뒤 폴더를 비주얼 스토리에서 열어줌.

git clone "레포지터리 주소" "폴더명"

 

terminal > new terminal 을 통해 터미널 창을 켠 뒤에

지금의 파일을 지워준다. (아직 vue-cli 실행 이전이라면 생략 가능)

rm -rf vue-todo/

 

그 뒤에 바로 열어주려고 했지만 다음과 같은 문구가 떴다.

 "Command vue init requires a global addon to be installed."

vue init 해서 프로젝트를 열려면 global 로직이 담긴 무언가를 다운 받아야한다는 뜻

npm i -g @vue/cli-init

---

- 새로운 프로젝트를 만들고 싶을 때

npm install

npm을 설치해준 뒤에

 

1)

npm install vue-cli

또는

2)

vue init webpack-simple "프로젝트 파일명"

를 통해 cli 프로젝트를 생성한다.

 

다음과 같은 질문이 뜬다.

? Project name "vue-todo"
? Project description "todo App Project"
? Author "kwonET <dlxl3652zz@gmail.com>"
? License "MIT"
? Use sass? "No"

 

위처럼 대답해주고 아래 코드를 실행하면 -

     cd "프로젝트 파일명"
     npm install
     npm run dev

 

 

local:8080을 테스트할 수 있는 vue 환경설정이 완료!

 

이제 비주얼 코드에서 해당 폴더를 열고 작업하심 됩니다. 

 

 

---

혹시 다른 버전의 vue-cli를 설치하고 싶다면 아래 링크를 참고하세요.

 

https://joshua1988.github.io/vue-camp/vue/cli.html#%E1%84%87%E1%85%B2-cli-%E1%84%89%E1%85%A5%E1%86%AF%E1%84%8E%E1%85%B5 

CLI | Cracking Vue.js