vue-cli是什麼?javascript
vue-cli 是vue.js的腳手架,用於自動生成vue.js+webpack的項目模板,分爲vue init webpack-simple 項目名 和vue init webpack 項目名 兩種。vue
固然首先你的安裝vue,webpack,node等一些必要的環境java
生成項目node
1,打開控制檯,定位到你須要生成項目的路徑,如E盤:webpack
2,輸入命令 vue init webpack-simple projectname 或者 vue init webpack projectname 等待生成。web
安裝成功,那麼項目名,描述等本身根據需求填寫。vue-cli
vue init webpack-simple 生成項目,項目目錄爲:npm
vue init webpack生成項目,項目目錄爲:json
固然生成以後項目確定是不能運行的,爲何呢?由於不少依賴並無安裝(package.json就是你項目全部的依賴聲明).net
(這些命令安裝成功以後也會提示,這很是好。)
cd projectname (定位到這個項目)
輸入命令 npm install 來安裝項目所須要的依賴。
安裝成功以後
輸入命令:"npm - run - dev" 命令來運行項目 。
而命令--"npm-run-bulid" 是執行發佈的。
最後運行,若是出現這樣的界面,你就成功了。