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


初始化項目

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自己升級yarn

yarn upgrade global yarn

yarn的所有命令

yarn -h

yarn的版本號

yarn-V或者yarn --version

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM