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

初始化項目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

相關文章
相關標籤/搜索