01. Vue CLI 3 - 기본

OS	Windows 10 Home 64bit 버전 1903 (OS 빌드 18362.836)
Vue CLI	3.0.0

 

#1. npm 설치

npm 설치

 

#2. Vue CLI 설치

npm install -g @vue/cli
# OR
yarn global add @vue/cli

기존에 npm install -g vue-cli 에서 npm install -g @vue/cli 로 변경되었다

[출처] 공식 홈페이지

 

이 버전에서는 vue ui 를 제공하여 빠르고 쉽게 프로젝트를 만들 수 있게 돕는다

 vue ui

 

#3. Project 생성

vue create my-project
# OR
vue ui

 

#4. 플러그인 설치

Sass · Less · Stylus  Loader 

# Sass
npm install -D sass-loader sass

# Less
npm install -D less-loader less

# Stylus
npm install -D stylus-loader stylus

 

Vuex

vue add vuex

 

Vue Router 

vue add router

 

Axois

npm install axios
# OR
npm install --save axios

Axios | Cracking Vue.js

import axios from 'axios'

axios.get('/home')
        .then(response => {
            console.log(res.data)
        })

 

Babel

vue add babel

 

eslint

vue add eslint

 

nightwatch

vue add e2e-nightwatch

 

Vue loader (자동 리로드)

$ npm install vue-loader vue-template-compiler -D​

인텔리제이는 vue 파일 수정 후  ctrl + s 저장을 할 경우 페이지가 업데이트 된다