vue-cli是什麼?

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" 是執行發佈的。

最後運行,若是出現這樣的界面,你就成功了。

相關文章
相關標籤/搜索