1. 依賴node所以先安裝node

可從官網(wǎng)下載安裝，安裝一直下一步最后選安裝目錄

2. win+r輸入cmd運(yùn)行

先輸入node -v和npm -v查看node安裝是否正常（我這里node是10.5.0 npm是6.1.0）

3. 安裝vue

npm安裝過慢且成功率較低，建議使用cnpm安裝

3.1 npm安裝方法，npm install vue（安裝成功請(qǐng)到第4步）

3.2 安裝cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

3.3 安裝時(shí)報(bào)

npm WARN deprecated socks@1.1.10: If using 2.x branch, please upgrade to at least 2.1.6 to avoid

a serious  bug with socket data flow and an import issue introduced in 2.1.0

這是一個(gè)警告不要在這上面浪費(fèi)時(shí)間

3.4 輸入cnpm -v查看出版本號(hào)請(qǐng)到第4步，報(bào)cnpm不是內(nèi)部命令也不是外部命令看下一步

3.5 找到npm目錄  比如我的在E:\node\node_cache\node_modules下面 

搜索cnpm目錄 把cnpm和npm放在一個(gè)目錄下面      

在上一級(jí)E:\node\node_cache 里面有npm和npm.cmd

搜索cnpm.cmd 把cnpm和cnpm.cmd放在E:\node\node_cache里

3.6 在輸入cnpm -v出現(xiàn)版本號(hào)

3.7 安裝vue    cnpm install vue

4. 安裝vue-cli

cnpm install -g vue-cli

5. 進(jìn)入要?jiǎng)?chuàng)建工作空間的目錄

我要?jiǎng)?chuàng)建在E盤下

cd E:

vue init webpack vue  (后面vue為自定義項(xiàng)目名稱)

5.1 如果報(bào)vue不是內(nèi)部命令或外部命令

搜索vue.cmd 將路徑加入Path用戶環(huán)境變量中（不建議加入系統(tǒng)環(huán)境變量）。

如我的路徑是E:\node\node_cache  

重新運(yùn)行vue-cli cnpm install -g vue-cli

5.2 出現(xiàn)亂碼是配置信息，直接回車

6. 出現(xiàn)下圖運(yùn)行提示將自動(dòng)安裝所需的包

• cd vue
• npm run dev

7. 出現(xiàn)下圖，恭喜安裝成功

瀏覽器輸入http://localhost:8080可查看當(dāng)前項(xiàng)目

總結(jié)

以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

最新評(píng)論