怎麼下載react包

下載react套件的方法：先安裝react鷹架；然後安裝淘寶cnpm指令工具；接著使用cd指令進入專案檔目錄；最後透過「npm init」和「cnpm install 依賴套件名稱」指令安裝依賴包即可。

本教學操作環境：Windows7系統、react17.0.1版，Dell G3電腦。

推薦：《react影片教學》

下載react依賴套件的方法

一、前提

#先確保node.js已安裝完成...

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

二、安裝react腳手架

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

三、新建React項目

建立專案預設安裝在使用者目錄下，想更換目錄可以參考如下命令：

在cmd命令列中輸入： d: （選擇D碟）

在cmd命令列中輸入：cd d:reactDemo （進入D盤中的指定資料夾）

執行新項目指令：create-react-app my-new-app （「my-new-app」是你的項目根目錄資料夾名稱）

繼續等待較長時間....切記...莫慌莫慌

#四、安裝淘寶cnpm指令

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

在cmd命令列中輸入：

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

輸入cnpm -v輸入是否正常沒報錯，表示已經安裝成功了

五、安裝所需的依賴套件

在cmd命令列中輸入：

cd d:reactDemo my-new-app  （进入你新建的项目文件路径）

繼續cmd如下：

npm init   （然后一路回车）
cnpm install --save react react-dom       ( 在该目录下导入react和react-dom）
cnpm install --save  react-router-dom   （react路由，以后会用到）

繼續waiting......

六、啟動專案

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

啟動專案：npm start 啟動後會自動彈出localhost:3000的網頁視窗

想關閉專案的話，直接關閉CMD視窗就可以，或是使用Ctrl C ，輸入Y後退出

以上是怎麼下載react包的詳細內容。更多資訊請關注PHP中文網其他相關文章！