初始化項目css
yarn add initvue
安裝vuenode
yarn add vuewebpack
安裝webpack,webpack-dev-server(是一個小型的Node.js Express服務器)es6
yarn add webpack webpack-dev-serverweb
安裝babel,babel的做用是將es6的語法編譯成瀏覽器認識的語法es5vue-router
yarn add babel babel-core babel-loader babel-preset-es2015瀏覽器
用來解析vue的組件,.vue後綴的文件sass
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本身升級yarn
yarn upgrade global yarn
yarn的全部命令
yarn -h
yarn的版本號
yarn-V或者yarn --version