vue-cli 腳手架總結


> vue-cli 的腳手架項目模板有browserify 和 webpack , 現在自己在用的是webpack , 官網給出了兩個模板: webpack-simple 和 webpack 兩種。兩種的區別在於webpack-simple 沒有包括Eslint 檢查功能等等功能,普通項目基本用webpack-simple 就足夠了.

 

搭建官方項目模板步驟: 

  1、npm install  vue-cli (安裝vue-cli )  有的時候有看到其它兩種寫法:  --save-dev 和 --save的寫法。這兩個有一定的區別,我們都知道package.json  中有一個 “dependencies” 和 “devDependencies” 的。dependencies 是用在開發完上線模式的,就是有些東西你上線以后還需要依賴的,比如juqery , 我們這里的vue 和 babel-runtime(Babel 轉碼器 可以將ES6 轉為ES5 ), 而devDependencies 則是在開發模式執行的,比如我們如果需要安裝一個node-sass 等等。有的時候看到package.json中安裝的模塊版本號前面有一個波浪線。例如: ~1.2.3 這里表示安裝1.2.x以上版本。但是不安裝1.3以上。

  2、vue init webpack-simple yourdemoname  下載一個webpack-simple項目,這里的webpack-simple 是固定的,也就是官網的項目模板。youdemoname 這個是你自己項目的名字。 執行這個步驟以后。就會彈出詢問 “項目名稱..項目描述“等等問題 直接按照提示操作。這個時候對應的項目目錄下就出現剛剛建立的項目了。

  3、我們還需要把項目的依賴下載下來。使用命令:  cd youdemoname 然后執行npm install 就可以了,這個時候你的項目中有多了一個node_modules 目錄

  4、使用"npm - run - dev" 命令來運行項目 "npm-run-bulid" 來執行發布,會自動生成dist文件


免責聲明!

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



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