1. 程式人生 > >vue 腳手架建立步驟

vue 腳手架建立步驟

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檔案