摘要:一,安裝基本環(huán)境依賴的版本必須大于等于的版本必須為不支持的版本必須是個(gè)人版本記得配置環(huán)境變量二安裝此文檔只用到的下載一路回車安裝好之后配置的環(huán)境變量本人的路徑是授權(quán)打開輸入一下命令一路加回車由于我已經(jīng)授權(quán)過了所以顯示的是已經(jīng)授權(quán)過的頁
**
一,安裝基本環(huán)境依賴**
Node 的版本必須大于等于 10
Python 的版本必須為 2.x(不支持 3.x)
JDK 的版本必須是 1.8
個(gè)人版本
javase記得配置環(huán)境變量
此文檔只用到Android studio的adb
下載Android studio一路回車....
安裝好之后配置sdk的環(huán)境變量
本人的sdk路徑是
C:UsersxxxxAppDataLocalAndroidSdkplatform-tools
SDK授權(quán)
C:UsersxxxAppDataLocalAndroidSdktoolsbin
打開cmd 輸入一下命令 一路Y加回車
sdkmanager --licenses
由于我已經(jīng)授權(quán)過了所以顯示的是已經(jīng)授權(quán)過的頁面
三.開始建立react native項(xiàng)目1.安裝Yarn和react-native-cli工具
npm install -g yarn react-native-cli
運(yùn)氣不錯(cuò)一步到位
2.初始化項(xiàng)目
react-native init test
安裝完成
打開項(xiàng)目=》推薦用vscode
安裝相關(guān)依賴 react native tools等
1.下載模擬器 隨便下一個(gè)模擬器 本人用的是雷電模擬器(因?yàn)閷?duì)比了其他的個(gè)人覺得雷電模擬器體驗(yàn)不錯(cuò))
2.啟動(dòng)雷電模擬器
3.使用adb 連接設(shè)備
adb start-server
4.vscode啟動(dòng)項(xiàng)目
react-native run-android
成功啟動(dòng)
四.調(diào)試項(xiàng)目1.點(diǎn)擊模擬器搖一搖功能
出現(xiàn)這么一坨
打開Dev Settings => Debug server host && port for device
查看電腦ip
打開cmd輸入 ipconfig
在模擬器debug上輸入ip+默認(rèn)端口8081
退出再次搖一搖
選擇兩個(gè)其中一個(gè) 本人選擇下面的不生效 所以選擇了上面的
回去項(xiàng)目中修改App.js代碼
Hello world!
保存后模擬器自動(dòng)更新
從搭建,運(yùn)行到調(diào)試react native 項(xiàng)目到此完畢
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/105608.html
摘要:配置安卓環(huán)境下載安裝就是下一步下一步安裝完成點(diǎn)擊,然后點(diǎn)擊在中選擇選項(xiàng)卡,然后在右下角勾選。 說明: Windows下搭建React Native Android開發(fā)環(huán)境和基本的React Native項(xiàng)目搭建 環(huán)境變量添加控制面板 -> 系統(tǒng)和安全 -> 系統(tǒng) -> 高級(jí)系統(tǒng)設(shè)置 -> 高級(jí) -> 環(huán)境變量 -> 新建 項(xiàng)目搭建調(diào)試方式采用真機(jī)調(diào)試,如需使用 Android 模擬器...
摘要:在應(yīng)用內(nèi)添加依賴回到,到的文件級(jí)別的里添加依賴最后一行的就是我們新增的,注意這里的版本號(hào)要和里的一致。因此,建議用這樣的寫法,并檢查版本號(hào)是否和里的一致。 引言 React Native是現(xiàn)在移動(dòng)開發(fā)新的可選方案,也帶來了原屬于Web領(lǐng)域的React的優(yōu)秀開發(fā)特性。另一方面,React Native的技術(shù)棧一經(jīng)掌握,可以用于iOS、Android及Windows(見此)多個(gè)平臺(tái),即所說...
閱讀 2581·2021-11-23 09:51
閱讀 2495·2021-09-30 09:48
閱讀 1095·2021-09-10 10:51
閱讀 2229·2021-08-12 13:22
閱讀 3584·2021-08-11 10:24
閱讀 2183·2019-08-30 15:55
閱讀 653·2019-08-30 14:05
閱讀 3220·2019-08-30 13:03