react如何安裝依賴

本文小編為大家詳細介紹“react如何安裝依賴”，內容詳細，步驟清晰，細節處理妥當，希望這篇“react如何安裝依賴”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來學習新知識吧。

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”命令安裝所需依賴即可。

一、前提

　　首先保證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       ( 使用淘寶cnpm命令 在該目錄下導入react和react-dom）

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

　　 繼續waiting......

六、啟動項目

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

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

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

讀到這里，這篇“react如何安裝依賴”文章已經介紹完畢，想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領會，如果想了解更多相關內容的文章，歡迎關注億速云行業資訊頻道。