react安裝依賴的方法：1、通過“npm install -g create-react-app”安裝react腳手架；2、新建React項目；3、通過“cd d:reactDemo my-new-app”進入新建的項目文件路徑；4、通過“cnpm install –save react-router-dom”命令安裝所需依賴即可。

本教程操作環(huán)境：Windows10系統(tǒng)、react18.0.0版、Dell G3電腦。

React項目搭建及依賴安裝

一、前提

　　首先保證node.js已安裝完成…

　　安裝完成后，打開cmd命令行,輸入 node -v 和 npm -v 來查看版本號，如果顯示則安裝完成。

二、安裝react腳手架

　　在cmd命令行中輸入： npm install -g create-react-app　　等待其安裝

三、新建React項目

　　創(chuàng)建項目默認安裝在用戶目錄下，想更換目錄可以參照如下命令：

　　　　 在cmd命令行中輸入： d: （選擇D盤）

　　　　在cmd命令行中輸入：cd d:reactDemo （進入D盤中的指定文件夾）

　　執(zhí)行新建項目命令：create-react-app my-new-app　　 （“my-new-app”是你的項目根目錄文件夾名稱）

　　繼續(xù)等待較長時間….切記…莫慌莫慌

四、安裝淘寶cnpm命令

　　 npm獲取有些耗時間，這里建議大家使用淘寶團隊的cnpm

　　 在cmd命令行中輸入： npm install -g cnpm –registry=https://registry.npm.taobao.org

　　 輸入cnpm -v輸入是否正常 沒報錯，說明已經(jīng)安裝成功了

五、安裝所需要的依賴包

　　 在cmd命令行中輸入： cd d:reactDemo my-new-app （進入你新建的項目文件路徑）

　　 繼續(xù)cmd如下：

　　　　npm init （然后一路回車）

　　　　cnpm install –save react react-dom ( 使用淘寶cnpm命令 在該目錄下導入react和react-dom）

　　　　cnpm install –save react-router-dom （使用淘寶cnpm命令 react路由，以后會用到）

　　 繼續(xù)waiting……

六、啟動項目

　　 確認cmd目錄在你的項目根目錄路徑下：d:reactDemo my-new-app

　　 啟動項目：npm start 啟動后會自動彈出localhost:3000的網(wǎng)頁窗口

　　 想關(guān)閉項目的話，直接關(guān)閉CMD窗口就可以，或者使用 Ctrl+C ，輸入Y后退出

　　推薦學習：《react視頻教程》