一、node.js安裝

進(jìn)入官網(wǎng) https://nodejs.org/en/download/

直接點擊下載安裝！安裝過程直接下一步就行；

二、如何找node.js歷史版本

(https://nodejs.org/en/download/)

1.點擊DOWNLOADS

2.點擊頁面下方

3.翻頁找到歷史版本

找到合適的版本點擊下載：

下載后綴為 .msi 的文件進(jìn)行安裝；

三、檢查是否安裝成功？

1.打開命令窗口（win+R 輸入cmd）

2.輸入 node -v 然后回車顯示版本號即安裝成功；

四、安裝成功后需要配置環(huán)境變量：

以下內(nèi)容參考文章:http://m.fzitv.net/article/251052.htm

1.在安裝目錄下新建兩個空的文件夾在我安裝的文件夾 node_global 及 node_cache

2.創(chuàng)建完兩個空文件夾之后，打開cmd命令窗口，輸入（填寫自己的安裝路徑）

npm config set prefix "F:\Software\nodejs\node_global"
npm config set cache "F:\Software\nodejs\node_cache"

3.設(shè)置環(huán)境變量，“我的電腦”-右鍵-“屬性”-“高級系統(tǒng)設(shè)置”-“高級”-“環(huán)境變量”：

① 在【系統(tǒng)變量】下新建【NODE_PATH】，輸【F:\Software\nodejs\node_modules】；

② 將【用戶變量】下的【Path】中原來npm路徑修改為【F:\Software\nodejs\node_global】

4.測試環(huán)境變量配置是否成功

cmd輸入cnpm -v

五、環(huán)境搭建

（1）安裝淘寶鏡像

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

報錯：

解決辦法：降低版本 cmd輸入 npm install npm@4.6.1 -g

（2）安裝vue-cli 腳手架 在cmd命令窗口中：輸入 cnpm install vue-cli -g

測試是否安裝成功

直接輸入vue -V 回車，若顯示vue版本即安裝成功

（3）全局安裝webpack-cli

輸入命令：npm install -g webpack

六、項目創(chuàng)建

1.創(chuàng)建一個存放項目的文件夾，在vscode中打開這個文件夾：

菜單欄–【文件】–【打開文件夾】，然后點擊【終端】—【新建終端】；

2.進(jìn)入該目錄下的終端 輸入 vue init webpack demo

出現(xiàn)project name 時需要手動回車往下走

此處報錯：

npm ERR! cb.apply is not a function
npm ERR! A complete log of this run can be found in:
npm ERR! F:\Software\nodejs\node_cache_logs\2022-03-14T08_24_28_433Z-debug.log

解決辦法：npm版本過舊

windows下cmd安裝指令：cnpm install -g npm

重新在項目終端輸入，此處需切換到創(chuàng)建的項目目錄下運行 npm run dev

報錯：

解決辦法：

在終端輸入 npm i webpack-dev-server -D 運行

最后重新運行 npm run dev

出現(xiàn)nodejs訪問請求，允許即可在瀏覽器打開頁面；也可手動復(fù)制地址在瀏覽器打開；

總結(jié)

到此這篇關(guān)于安裝node.js以及搭建vue項目過程中遇到的問題詳解的文章就介紹到這了,更多相關(guān)安裝node.js及搭建vue項目內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評論