記錄重新配置node、npm、git bash、vue等
我在官網下載的版本為:node-v8.7.0-x64.msi
作業系統:win 10
1、雙擊node-v8.7.0-x64.msi,根據圖形介面的提示一步一步安裝;
可參照:https://blog.csdn.net/u010255310/article/details/52205132
2、安裝完成之後,win+R,執行cmd調出命令列面板,輸入node -v 或者node --version可檢視已安裝的node的版本
3、由於新版本的nodeJs已經集成了npm,所以npm也一併安裝好了,使用npm -v來測試是否安裝成功
此處是是顯示安裝成功了,但是開啟git bash,輸入npm -v,報如下錯誤
後來查詢資料得知,windows安裝了nodeJs之後,雖然可以在命令列使用npm命令,但是要想在git bash中使用,得先使用npm全域性安裝cnpm:$ npm install -g cnpm --registry=https://registry.npm.taobao.org
但是如上圖,報錯資訊為:
npm ERR! path C:\Users\Administrator\AppData\Roaming\npm\node_modules\cnpm
npm ERR! code EPERM
npm ERR! errno -4048
npm ERR! syscall rename
npm ERR! Error: EPERM: operation not permitted, rename
'C:\Users\Administrator\AppData\Roaming\npm\node_modules\cnpm'-> 'C:\Users\Administrator\AppData\Roaming\npm\node_modules\.cnpm.DELETE'
npm ERR! { Error: EPERM: operation not permitted, rename
'C:\Users\Administrator\AppData\Roaming\npm\node_modules\cnpm'-> 'C:\Users\Administrator\AppData\Roaming\npm\node_modules\.cnpm.DELETE'
npm ERR! errno: -4048,npm ERR! code: 'EPERM',
npm ERR! syscall: 'rename',
npm ERR! path: 'C:\\Users\\Administrator\\AppData\\Roaming\\npm\\node_modules\\cnpm',
npm ERR! dest: 'C:\\Users\\Administrator\\AppData\\Roaming\\npm\\node_modules\\.cnpm.DELETE' }
npm ERR!
npm ERR! Please try running this command again as root/Administrator.
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\Administrator\AppData\Roaming\npm-cache\_logs\2018-05-22T13_15_15_837Z-debug.log
目前不清楚為什麼出現這個錯誤,但是解決方法如下:
刪除C:\Users\Administrator\AppData\Roaming\npm\node_modules\.cnpm.DELETE,然後重新輸入:
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm就能安裝成功了。
4、使用cnpm安裝全域性的vue-cli
$ cnpm install --global vue-cli
5、進入一個目錄,初始化一個基於webpack的vue專案
輸入:$ vue init webpack my-blog-zing(最後的是專案名字)
等待依賴安裝完成之後,會出現啟動專案的提示資訊
然後去瀏覽器位址列輸入:http://localhost:8080
ps:僅僅是記錄一下。