React Native開發環境搭建(Windows)


一、安裝node

https://www.cnblogs.com/51ma/p/11276413.html

安裝好以后,請設置一下node的鏡像下載地址,改為國內的地址。這個地址為淘寶提供的鏡像,速度比較快。

直接在cmd命令里面鍵入這兩條命令即可。

npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global

 

二、安裝python

https://www.cnblogs.com/51ma/p/9447748.html

安裝Yarn、React Native命令行工具(react-native-cli)

**Yarn是 Facebook 提供的替代 npm 的工具,可以加速 node 模塊的下載。

**React Native 的命令行工具用於執行創建、初始化、更新項目、運行打包服務(packager)等任務。

安裝完python,直接打開cmd命令,鍵入以下安裝代碼即可

npm install -g yarn react-native-cli

 安裝完 yarn 后同理也要設置鏡像源:

yarn config set registry https://registry.npm.taobao.org --global
yarn config set disturl https://npm.taobao.org/dist --global

 安裝完 yarn 之后就可以用 yarn 代替 npm 了,例如用yarn代替npm install命令,用yarn add 某第三方庫名代替npm install 某第三方庫名。

三、安裝jdk

 略

四、安裝androidstudio

 略

五、創建第一個RN項目

創建項目目錄,cmd進入,鍵入以下指令創建

react-native init FirstProject

其中FirstProject為項目名稱,自行修改即可,等待幾分鍾出現

下載完成后,就可以看到你的目錄下面出現一個目錄了,這個就是下載好以后的react nactive項目,如果是android項目需要關注android這個目錄文件夾了。

A、使用AndroidStudio創建一個新的項目,並拷貝其local.properties文件至如上android對應根目錄

B、打開模擬器或連上真機

C、啟動服務器

react-native start

 等一段時間,用瀏覽器訪問http://localhost:8081/index.android.bundle?platform=android可以訪問,即啟動完成,啟動之后不能關閉;

D、這時還是cmd到我們項目根目錄運行項目,輸入:

react-native run-android

此時發現運行成功。

 

注意:react-native run-android只是運行應用的方式之一。你也可以在 Android Studio 或是Nuclide中直接運行應用。

如果apk沒有啟動成功,說明adb環境變量沒有配置好,請參考:https://www.cnblogs.com/51ma/p/11320684.html

建議在run-android成功后再嘗試使用 Android Studio 啟動。請不要輕易點擊 Android Studio 中可能彈出的建議更新項目中某依賴項的建議,否則可能導致無法運行

 

 

 

掃碼加群,共同探討,共同進步!

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM