安裝node.js和vue


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的小白一名,如果有什么說的不對的,熱烈歡迎各位大佬的指正。)

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM