初始化項(xiàng)目

yarn add init

安裝vue

yarn add vue

安裝webpack，

webpack-dev-server（是一個(gè)小型的Node.js Express服務(wù)器）

yarn add webpack webpack-dev-server

安裝babel，babel的作用是將es6的語法編譯成瀏覽器認(rèn)識的語法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，二者處理的任務(wù)不同，css-loader使你能夠使用類似@import 和 url(…)的方法實(shí)現(xiàn) require()的功能,style-loader將所有的計(jì)算后的樣式加入頁面中，二者組合在一起使你能夠把樣式表嵌入webpack打包后的JS文件中。

用于打包文件和圖片

yarn add url-loader file-loader

用于編譯sass

yarn add sass-loader node-sass

安裝路由

yarn add vue-router

yarn自己升級yarn

yarn upgrade global yarn

yarn的所有命令

yarn -h

yarn的版本號

yarn-V或者yarn --version