VS2022 安裝Node.js與npm 執行React專案
大部分的介紹都是透過VS Code
我比較習慣使用正統、完整版的 Visual Stduio fro Windows(正式、完整版),例如VS 2019, VS 2022這樣的版本
當您新增一個React專案時,會出現警告訊息,叫你 要先安裝npm,然後重新啟動Visual Studio才能使用
以下是簡單的安裝步驟:
(1) 先安裝 Node.js(很奇怪,我記得安裝VS2022時就有安裝了,怎麼會沒用呢?)
Downloading and installing Node.js and npm | npm Docs (npmjs.com)
記得下載LTS(長期支援版),我要下載Windows版的 Node.js來安裝,點選下載網址以後,會看到以下畫面(記得選 Installer)…..這些畫面都很亂,不直覺、不友善,不知道在搞啥?!
下載後就安裝妥當了,沒什麼。
(2) 回到第一個網址(網站),他還希望你安裝 Node version 版本管理員?我不太清楚這個要幹嘛?也安裝了。
(3) 完成後,Windows會出現一個PowerShell視窗(專門輸入指令的)
您也可以打開「命令提示字元」
輸入 npm install -g npm就開始安裝
畫面出現這些東西,安裝成功
added 1 package in 9s
25 packages are looking for funding
run `npm fund` for details
好的,依序輸入下面兩個指令,只是確認, confirm罷了
輸入 node -v
v20.18.0 ……..註:知道安裝 Node.js的版本
輸入npm -v
10.9.0 ……..註:知道安裝 npm的版本
完成以後,重新啟動Visual Studio (VS2022)
新增專案==> React專案,就沒問題了