React Native
最后更新于：2022-04-02 03:33:57
## [TOC]
---
1. 官方文档
[开发文档](http://reactnative.cn/docs/0.50/getting-started.html#content)
2. 推荐可视化 react-natice 工具 [DECO](https://www.decoide.org/)
3. phpstrom 安装 `React Native Console` 插件
## 安装
参考文档 [搭建开发环境](http://reactnative.cn/docs/0.50/getting-started.html#content)
如果自动下载`gradle-2.14.1-all.zip`[下载](http://services.gradle.org/distributions/gradle-2.14.1-all.zip)失败,请手动
文件安装位置
`C:\Users\cc\.gradle\wrapper\dists\gradle-2.14.1-all\8bnwg5hd3w55iofp58khbp6yv`
mac 安装位置
`/Users/idcpj/.gradle/wrapper/dists/gradle-2.14.1-all/8bnwg5hd3w55iofp58khbp6yv/`
## MAC 准备工作
启动Xcode，并在Xcode | Preferences | Locations菜单中检查一下是否装有某个版本的Command Line Tools
Mac 的ios虚拟机 使用`commamd + d` 打开调试界面
1. 运行方式一
直接输入 `react-native run-ios`
2. 运行方式二
用xcode 打开项目中的`.xcodeproj`文件,点击运行
## android 准备工作
在命令行中启动虚拟机
`emulator -avd a7` -a7 为虚拟机名
1. 运行方式一
直接输入 `react-native android-ios`
2. 运行方式二
用android Studio 打开项目的`android`文件,运行
## 测试技巧
安装phpstorm 插件 搜索 **react**
虚拟机双击`r`可刷新状态
## 技巧
1. 摇一摇手机,打开`enable Live Reload`
';