共计 838 个字符,预计需要花费 3 分钟才能阅读完成。
**
一,安装基本环境依赖
**
Node 的版本必须大于等于 10
Python 的版本必须为 2.x(不支持 3.x)
JDK 的版本必须是 1.8
个人版本
javase 记得配置环境变量
二. 安装 Android studio
此文档只用到 Android studio 的 adb
下载 Android studio 一路回车 ….
安装好之后配置 sdk 的环境变量
本人的 sdk 路径是
C:UsersxxxxAppDataLocalAndroidSdkplatform-tools
SDK 授权
C:UsersxxxAppDataLocalAndroidSdktoolsbin
打开 cmd 输入一下命令 一路 Y 加回车
sdkmanager –licenses
由于我已经授权过了所以显示的是已经授权过的页面
三. 开始建立 react native 项目
1. 安装 Yarn 和 react-native-cli 工具
npm install -g yarn react-native-cli
运气不错一步到位
2. 初始化项目
react-native init test
安装完成
打开项目 =》推荐用 vscode
安装相关依赖 react native tools 等
四,启动项目
1. 下载模拟器 随便下一个模拟器 本人用的是雷电模拟器(因为对比了其他的个人觉得雷电模拟器体验不错)
2. 启动雷电模拟器
3. 使用 adb 连接设备
adb start-server
4.vscode 启动项目
react-native run-android
成功启动
四. 调试项目
1. 点击模拟器摇一摇功能
出现这么一坨
打开 Dev Settings => Debug server host && port for device
查看电脑 ip
打开 cmd 输入 ipconfig
在模拟器 debug 上输入 ip+ 默认端口 8081
退出再次摇一摇
选择两个其中一个 本人选择下面的不生效 所以选择了上面的
回去项目中修改 App.js 代码
<View>
<Text>Hello world!</Text>
</View>
保存后模拟器自动更新
从搭建, 运行到调试 react native 项目到此完毕