1. 程式人生 > >記錄重新配置node、npm、git bash、vue等

記錄重新配置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:僅僅是記錄一下。