java native 调试_window下从搭建,运行到调试react native 项目

本文介绍了React Native项目的搭建、运行与调试过程。首先安装基本环境依赖,包括Node、Python、JDK等;接着安装Android studio并配置sdk环境变量;然后建立项目,安装相关工具并初始化;之后启动项目,连接模拟器;最后介绍了调试项目的方法,修改代码后模拟器可自动更新。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

**

一,安装基本环境依赖

**

Node 的版本必须大于等于 10

Python 的版本必须为 2.x(不支持 3.x)

JDK 的版本必须是 1.8

个人版本

06df52c1963dd994dd5603132006beb7.png

f8c4c72979a416647b7cc09d27eca5d1.png

d25975645d07ef6e33b4403361e8eac7.png

javase记得配置环境变量

二.安装Android studio

此文档只用到Android studio的adb

下载Android studio一路回车....

安装好之后配置sdk的环境变量

本人的sdk路径是

C:UsersxxxxAppDataLocalAndroidSdkplatform-tools

ff6e386c5be33abe9153519951290b21.png

SDK授权

C:UsersxxxAppDataLocalAndroidSdktoolsbin

1e30dce4fd99e640f3c7f6f2989664c5.png

打开cmd 输入一下命令 一路Y加回车

sdkmanager --licenses

32f131be407ca2f09323006264ccda7a.png

由于我已经授权过了所以显示的是已经授权过的页面

三.开始建立react native项目

1.安装Yarn和react-native-cli工具

npm install -g yarn react-native-cli

c800664aeb7bc31123cfd9a05c39e3c0.png

运气不错一步到位

2.初始化项目

react-native init test

d3171671e83a528acc37cb50fa67ba13.png

安装完成

b45772091b8146c87afe4764fc67a250.png

打开项目=》推荐用vscode

安装相关依赖 react native tools等

54a1d59007a796c31c65410de303c720.png

四,启动项目

1.下载模拟器 随便下一个模拟器 本人用的是雷电模拟器(因为对比了其他的个人觉得雷电模拟器体验不错)

7a3f01e7c8ec1445278680582b6858bb.png

2.启动雷电模拟器

9e0f5dd81b3b6add4d27d7ae9e658998.png

3.使用adb 连接设备

adb start-server

24b0f542e473272b3fc70f3fb91d7541.png

4.vscode启动项目

react-native run-android

216fc9bd695c4a695096e6e55d99ff3e.png

成功启动

四.调试项目

1.点击模拟器摇一摇功能

125919659c3797447a6ff5c96580b06d.png

出现这么一坨

打开Dev Settings => Debug server host && port for device

4720a3e3de581c7cf1b9b8deb7d91aa8.png

d90af0908e9c25e7aadbec5328a44e09.png

查看电脑ip

打开cmd输入 ipconfig

f4e708afe101ba96290f96b66d44fa55.png

在模拟器debug上输入ip+默认端口8081

2633711ed932c67606412e39172bf6ef.png

退出再次摇一摇

8547bd4328976fef8952ed7614224929.png

选择两个其中一个 本人选择下面的不生效 所以选择了上面的

回去项目中修改App.js代码

Hello world!

保存后模拟器自动更新

49c7dcb5c200f87f949589216b7a03a3.png

从搭建,运行到调试react native 项目到此完毕

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值