成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

window下從搭建,運(yùn)行到調(diào)試react native 項(xiàng)目

objc94 / 1549人閱讀

摘要:一,安裝基本環(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

此文檔只用到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等

四,啟動(dòng)項(xiàng)目

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

相關(guān)文章

  • Windows下搭建React Native Android開發(fā)環(huán)境&搭建項(xiàng)目

    摘要:配置安卓環(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 模擬器...

    glumes 評(píng)論0 收藏0
  • React Native植入原生Android應(yīng)用的流程解析

    摘要:在應(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),即所說...

    worldligang 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<