初始化項目

yarn add init

安裝vue

yarn add vue

安裝webpack，webpack-dev-server（是一個小型的Node.js Express服務器）

yarn add webpack webpack-dev-server

安裝babel，babel的作用是將es6的語法編譯成瀏覽器認識的語法es5

yarn add babel babel-core babel-loader babel-preset-es2015

用來解析vue的組件，.vue後綴的文件

yarn add vue-loader vue-template-compiler

用來解析css

yarn add css-loader style-loader

拓展：css-loader 和 style-loader，二者處理的任務不同，css-loader使你能夠使用類似@import 和 url(…)的方法實現 require()的功能,style-loader將所有的計算後的樣式加入頁面中，二者組合在一起使你能夠把樣式表嵌入webpack打包後的JS文件中。

用於打包文件和圖片

yarn add url-loader file-loader

用於編譯sass

yarn add sass-loader node-sass

安裝路由

yarn add vue-router

yarn 常用命令(基於vue框架)