Vue #8 - 뷰 CLI

뷰 CLI

---

싱글 파일 컴포넌트 체계를 사용하기 위해서는 .vue 파일을 웹 브라우저가 인식할 수 있느 형태의 파일로 변환해 주는 웹팩이나 브라우저리파이와 같은 도구가 필요하다. 웹팩은 웹 앱의 자원들을 자바스크립트 모듈로 변환해 ㄹ하나로 묶어 웹 성능을 향상시켜 주는 자바스크립트 모듈 번들러다. 브라우저리파이도 웹팩과 유사한 성격의 모듈 번들러지만 웹팩과 다르게 웹 자원 압축이나 빌드 자동화 같은 기능이 없다.

 

그래서 뷰 개발자들이 편하게 프로젝트를 구성할 수 있도록 뷰 코어 팀에서 CLI도구를 제공한다. CLI는 커맨드 창에서 명령어로 특정 동작을 수행할 수 있는 도구다.

 

뷰 CLI 설치

명령 프롬트 창에 npm install vue-cli -global 입력

 

 

뷰 CLI로 프로젝트 생성하기

 

명령 프롬트 창에 vue creaet [프로젝트 이름]

Vue 2 를 선택한다.

 

생성된 프로젝트 폴더에서 npm run serve 입력

위 화면은 웹팩에서 로컬 서버를 하나 띄우고 localhost:8080으로 접근하여 애플리케이션을 실행한 모습이다.