1.在官網上下載Node.js安裝包 https://nodejs.org/zh-cn/
2.點擊安裝,一直下一步下一步就行,這里就不在贅述了。
3.安裝完之后,如果沒有選安裝路徑的話,一般都是在【C:\Program Files\nodejs】
4.添加兩個文件夾【node_cache】和【node_global】。設置一下文件夾屬性中的安全。
5.配置環境變量(我的電腦——右鍵——屬性——高級系統設置——環境變量)
(1)在【環境變量——系統變量】中添加【NODE_PATH】 值為【C:\Program Files\nodejs\node_modules】
(2)在【系統變量——Path】中,點擊【編輯】,這時候應該已經有了如下一條。
(3)在【用戶變量——Path】中添加【C:\Program Files\nodejs\node_global】
注意:【C:\Users\shang\AppData\Roaming\npm】應該是安裝node的時候自動添加的。
6.在cmd中執行這兩個命令
(1)【npm config set prefix "C:\Program Files\nodejs\node_global"】
(2)【npm config set cache "C:\Program Files\nodejs\node_cache"】
注意:如果你的安裝路徑不是C盤,上述兩個路徑換成自己的。
7.cmd中執行【node -v】命令,如果有結果的話,node就安裝成功了。
8.安裝淘寶鏡像(網絡原因,npm太慢,所以安裝cnpm)
cmd中執行命令【npm install -g cnpm –registry=https://registry.npm.taobao.org】
9.安裝vue/cli【https://cli.vuejs.org/zh/guide/installation.html vue/cli安裝的官網】
命令【npm install -g @vue/cli】
如果安裝比較慢的話,可以執行【cnpm install -g @vue/cli】(-g應該代表的是全局安裝,安裝一次就可以了)
官網是這么說的:
10.安裝webpack【https://www.webpackjs.com/guides/installation/ webpack中文網網址】
cmd中執行命令【npm install -g webpack】或者【cnpm install -g webpack】
官網是這么說的(各位看官自己決定):
至此應該就沒有什么問題了。
cmd執行【vue -V】,就OK了,這樣就可以創建vue項目了
(初入vue的小白一名,如果有什么說的不對的,熱烈歡迎各位大佬的指正。)