뷰 CLI

뷰 CLI는 뷰로 빠르게 프로젝트를 구성하고 프로토 타이핑을 하고 싶을 때 사용하는 CLI 도구입니다.

TIP

최신 버전은 5.x이며 책에서는 2.9 버전을 기준으로 설명하였습니다.

뷰 CLI 설치

뷰 CLI를 설치하기 위해서는 기본적으로 Node.js를 시스템에 설치해놔야 합니다. Node.js를 설치하고 나면 사용할 수 있는 NPM(Node Package Manager) (opens new window)을 이용하여 뷰 CLI를 설치합니다.

# 버전 5.x
npm install -g @vue/cli

# 버전 2.9
npm install vue-cli

뷰 CLI로 프로젝트 생성하기

프로젝트를 생성하는 명령어는 아래와 같습니다.

# 버전 5.x
vue create helloworld

# 버전 2.9
vue init webpack-simple 파일 경로

뷰 CLI 5.x과 CLI 2.9와 차이점

기존 뷰 CLI 2.9의 프로젝트 생성 방식은 깃헙 리포지토리에 등록된 폴더와 파일을 그대로 다운로드 받는 것이었습니다. 그에 반해 뷰 CLI 5.x는 뷰 플러그인을 이용하여 필요한 기능들을 추가해 나가는 형식입니다.

그리고 차이점은 크게 아래와 같이 정리됩니다.

	Vue CLI 5.x	Vue CLI 2.9
언어	ES6+ 기준	ES5 기준 (ES6+ 선택 가능)
웹팩	웹팩 설정 파일이 숨겨져 있음 (필요한 설정은 추가하는 형식) (opens new window)	웹팩 설정 파일에서 바로 수정 가능
GUI	GUI 툴 제공 (vue ui)	X
구성	뷰 플러그인 형식	프로젝트 템플릿 (opens new window)을 깃헙에서 다운로드
명령어	vue create '프로젝트 이름'	vue init '프로젝트 템플릿 이름' '프로젝트 폴더 경로'