vue-cli構建web項目

1、安裝node,npm。
檢測安裝成功:node -v 和 npm -v。vue

clipboard.png

2、安裝vue-cli。
首先安裝cnpm:npm install -g cnpm --registry=https://registry.npm.taobao.org。查看版本:cnpm -v。node

clipboard.png

而後用cnpm安裝vue-cli:cnpm install -g vue-cli。webpack

clipboard.png

3、生成手腳架項目:
輸入命令:vue init webpack zhao。web

若是出現vue命令沒法識別,如圖:vue-cli

clipboard.png

有兩種可能,一種是npm版本太低,更新最新的npm版本便可。npm install -g npm或者cnpm install -g npm 。npm

clipboard.png

另外一種多是由於npm全局路徑配置的不對或缺失致使的,因此查看npm全局路徑:npm root -g。spa

clipboard.png

而後會看到vue -V成功,如圖:ip

而後進入項目,安裝項目依賴:cnpm install。
最後啓動項目便可:npm run dev。get

相關文章
相關標籤/搜索