목표

Vue CLI로 Vue 프로젝트를 생성

Vue CLI란?

Vue.js 개발을 위한 시스템으로 Vue.js Core에서 공식으로 제공하는 CLI입니다.
Vue CLI는 개발자가 개발에 집중 할 수 있도록 프로젝트의 구성을 도와주는 역할을 합니다.

설치방법

Vue-cli 설치

공홈을 참고해주세요
https://cli.vuejs.org/guide/installation.html

vue-cli 를 설치해주세요
npm install -g @vue/cli

설치 후 vue의 버전을 확인해주세요
vue --version

Vue-cli 만들기

vue SPA 만들기
생성 할 프로젝트에 특성에따라 옵션을 선택해주세요.
vue create <project-name>

vue cli 버전 4.5x 이상 쓰시는 분들은 아래와 같은 옵션으로 프로젝트를 설정해주세요

옵션 설명

Manually Select features

babel, eslint 외 프로젝트에서 필요한 요소들을 선택적으로 설치 할 수 있습니다.
ex) Babel, Typescript, PWA, Router, Vuex, Lint, Unit Testing ...

참고

캡틴판교 Vue.js 끝장내기 강의