1. 依賴node所以先安裝node

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

2. win+r輸入cmd運行

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

3. 安裝vue

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

3.1 npm安裝方法，npm install vue（安裝成功請到第4步）

3.2 安裝cnpm

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

3.3 安裝時報

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

這是一個警告不要在這上面浪費時間

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

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

搜索cnpm目錄 把cnpm和npm放在一個目錄下面      

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

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

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

3.7 安裝vue    cnpm install vue

4. 安裝vue-cli

cnpm install -g vue-cli

5. 進入要創(chuàng)建工作空間的目錄

我要創(chuàng)建在E盤下

cd E:

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

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

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

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

重新運行vue-cli cnpm install -g vue-cli

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

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

• cd vue
• npm run dev

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

瀏覽器輸入http://localhost:8080可查看當前項目

總結

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

最新評論