Vue CLI

1. 설치 방법

 

Vue 프레임워크는 애플리케이션 환경을 쉽고 빠르게 구축할 수 있는 CLI(Command Line Interface)를 제공해준다.

[주의] Vue CLI를 이용하기 위해서는 NodeJS 6.x 버전 이상, npm 3 버전 이상의 환경이 설치되어 있어야 한다.

 

Vue CLI의 설치를 위해서 먼저 터미널 혹은 CMD에 설치 명령어를 입력한다.

npm install vue-cli -g

Vue CLI의 버전을 확인하는 명령어

vue -V # 혹은 vue --version

만약 Vue CLI 3.x 버전을 사용하고 있다고 하더라도 Vue CLI 2.x 버전을 사용하는데 문제는 없습니다. 만약 이미 Vue CLI의 버전이 3.x 버전이 설치되어 있다면 @vue/cli-init을 글로벌로 설치한 후 예제를 진행하도록 하자.

npm install @vue/cli-init -g        -> vue cli 2.x npm install @vue/cli-service -g   -> vue cli 3.x

Vue CLI를 사용하여 프로젝트를 생성하는 명령어

vue init <template-name> <project-name> [ex] Webpack을 통해 프로젝트 생성  vue init webpack hello-world

Vue CLI의 템플릿을 출력하는 명령어

vue list