一、nodejs安裝

1、nodejs下載

具體安裝可參考連接：2023最新版Node.js下載安裝及環(huán)境配置教程（非常詳細）從零基礎(chǔ)入門到精通，看完這一篇就夠了_nodejs安裝及環(huán)境配置-CSDN博客

下載地址：Node.js — 下載 Node.js?

測試安裝是否成功：

node -v     // 顯示node.js版本
npm -v      // 顯示npm版本

2、環(huán)境配置

找到安裝的目錄，在安裝目錄下新建兩個文件夾[node_global]和[node_cache]

創(chuàng)建完畢后，使用管理員身份打開cmd命令窗口，輸入

npm config set prefix “你的路徑\node_global” （復(fù)制你剛剛創(chuàng)建的“node_global”文件夾路徑）

npm config set prefix "D:\develop\Node.js\node_global"

npm config set cache “你的路徑\node_cache” （復(fù)制你剛剛創(chuàng)建的“node_cache”文件夾路徑）

npm config set cache "D:\develop\Node.js\node_cache"

3、配置環(huán)境變量

【此電腦】-單擊右鍵-【屬性】-【高級系統(tǒng)設(shè)置】-【環(huán)境變量】

在【系統(tǒng)變量】中點擊【新建】

變量名：NODE_PATH

變量值：C:\Program Files\nodejs\node_global\node_modules

然后你就會發(fā)現(xiàn)【node_global】里多出了一個【node_modules】文件夾

Ps: 如果輸入變量值之后沒有自動創(chuàng)建【node_modules】文件夾，就在【node_global】下手動創(chuàng)建一個【node_modules】文件夾，再復(fù)制你創(chuàng)建的【node_modules】文件夾的路徑地址到變量值

編輯【用戶變量】中的【Path】

將默認(rèn)的 C 盤下【?AppData\Roaming\npm?】修改成 【node_global】的路徑，點擊確定

在【系統(tǒng)變量】中選擇【Path】點擊【編輯】添加【NODE_PATH】，隨后一直點擊【確定】

4、測試

npm install express -g   // -g代表全局安裝

出現(xiàn)以下界面即為配置成功

5、安裝淘寶鏡像

PS： 這里好像鏡像和之后用的有些差別，大家可以搜搜別的鏡像

npm config set registry https://registry.npm.taobao.org

查看是否成功：

npm config get registry

二、react安裝、啟動

使用 Create React App：使用 Create React App 腳手架來創(chuàng)建一個新的 React 項目。使用以下命令：

npx create-react-app my-app

方法一：

進入項目目錄：創(chuàng)建完成后，進入你的新項目目錄：

cd my-app
npm start

方法二：

用vscode打開創(chuàng)建的“my-app”文件夾，然后從終端處啟動。