VS2022 安裝Node.js與npm 執行React專案

MIS2000 Lab.
Oct 9, 2024

--

大部分的介紹都是透過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專案,就沒問題了

--

--

MIS2000 Lab.
MIS2000 Lab.

Written by MIS2000 Lab.

ASP.NET 線上教學 / 線上教程 — .Net Core MVC + WebAPI 與 Web Form。ASP.NET專題實務。免費試聽4~5小時,請來信索取 mis2000lab(at)yahoo. com. tw 或 school(at)mis2000lab. net 謝謝

No responses yet