react-native的環境搭建

react-native的環境搭建

最近因歲寒三友小組準備進行技術方面分享,由於本期由胖大星分享react-native,對react-native沒有進行過開發的我進行了瞭解學習,其中查了一些資料也遇到了一些報錯,但最終也算找到了解決方案,分享一下。
1.準備工作
可以按照官網給出的搭建環境步驟進行https://reactnative.cn/docs/getting-started.html
簡單的說一下必備的幾個安裝流程:
根據你的具體情況進行開發平臺目標平臺的選擇一下以windows開發平臺Android目標平臺爲例:
1.1首先安裝依賴
必須安裝的依賴有:Node、Python2、JDK 和 Android Studio。
(這裏雖然安裝了Android Studio並不是必須使用它作爲開發工具,但你仍然必須安裝 Android Studio 來獲得編譯 Android 應用所需的工具和環境,可以選擇順手的VSCode或者Webstorm等熟悉的工具開發 但這裏安裝是必須的,注意 Node 的版本應大於等於 12,Python 的版本必須爲 2.x(不支持 3.x),而 JDK 的版本必須是 1.8(目前不支持 1.9 及更高版本)
這裏android的開發環境詳細安裝過程可以參考官網,不再贅述。
1.2配置環境變量
安裝完相關的依賴進行環境變量配置,首先JDK相關配置參考鏈接 https://jingyan.baidu.com/article/6dad5075d1dc40a123e36ea3.html
配置後切記別忘了檢測JDK是否配置成功,做到一步步不出問題。
其次根據react-native提示的配置 ANDROID_HOME 環境變量。
1.3創建項目運行
配置好上述的相關環境,可以按照官網進行android studio模擬器下載安裝並啓動項目,這裏不詳細說,但個人覺着自帶模擬器下載不方便,下面詳細說下安裝第三方模擬器調試開發。
(雖然第三方模擬器廣告多,但感覺啓動比較快一些。)
我這裏安裝的是夜神模擬器,但其中也發生了一些小插曲,當模擬器啓動後運行項目會提示錯誤信息Failed to install the app .Make sure you have the Android development environment …
如果在android studio上運行成功,並且第三方模擬器正常運行,就可以考慮adb(想詳細瞭解可以自行百度)沒有監聽到模擬器從而順利進行通訊。
so:
打開dos命令 輸入: adb devices 發現
在這裏插入圖片描述
並沒有檢測到相關的ip端口監聽到模擬器。

1.3.1
dos命令輸入: adb version
f在這裏插入圖片描述
找到相關的第三方模擬器這裏以夜神爲例:
在這裏插入圖片描述

查看其對應的版本:
可以將此文件所在目錄路徑配置到環境變量的path下
在dos命令直接輸入: nox_adb version
檢測相應的版本是否與上述一致 如果不一致用上述的覆蓋當前的 nox_adb.exe。
(可命名爲nox_adb)再進行測試
dos命令 輸入: adb devices 發現
在這裏插入圖片描述
此時說明鏈接成功!
這時候就可以在對應的項目工程下運行項目(react-native run-android)進行調試咯!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章