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文件

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章