rn必须安装的依赖有：Node、React Native 命令行工具、Python2 以及 JDK 和 Android

搭建开发环境

安装依赖

必须安装的依赖有：Node、React Native 命令行工具、Python2 以及 JDK 和 Android Studio。首先全局安装一个rn的命令行工具

npm install -g yarn react-native-cli

JDK 安装

下载地址安装后可通过命令行工具输入 javac 验证是否安装成功

NodeJs 安装

下载地址安装后可通过命令行工具输入 node -v 查看版本号验证是否安装成功

主要介绍下 Android 环境的搭建（装了一天我太菜了）

梯子非常重要、一堆报错都是下载一半就猝死

官网教程参考教程下载地址一路傻瓜式操作后到这一步

最后点击 Apply 下载

配置 ANDROID_HOME 环境变量

React Native 需要通过环境变量来了解你的 Android SDK 装在什么路径，从而正常进行编译。

打开控制面板 -> 系统和安全 -> 系统 -> 高级系统设置 -> 高级 -> 环境变量 -> 新建，创建一个名为ANDROID_HOME的环境变量（系统或用户变量均可），指向你的 Android SDK 所在的目录（具体的路径可能和下图不一致，请自行确认）：

SDK 默认是安装在下面的目录：

c:\Users\你的用户名\AppData\Local\Android\Sdk

把 platform-tools 目录添加到环境变量 Path 中

c:\Users\你的用户名\AppData\Local\Android\Sdk\platform-tools

总算完事辣0.0

开始创建项目

# 我也8知道为啥要加这个版本号...可能这个版本坑少一点
react-native init 项目名称 --version 0.59.9
# 然后把依赖项下载一下
yarn

运行项目这一步折腾好久...

首先要把安卓设备链接电脑并开启调试权限

react-native run-android

项目初次运行会下载大量编译依赖该过程严重依赖稳定的翻墙工具我报的一万个错误全是因为下载一般断开导致的无法运行Orz

常见错误

vscode 'type aliases' can only be used in a .ts file.

解决方法

type Props = {};
export default class App extends Component<Props> {
  //...
}
改成
export default class App extends Component {
  //...
}
就完事辣

使用 VS code 实现智能提示功能

# 全局安装typings
npm install -g typings

# 使用 typings 安装相关代码提示包
# 先进入你的 react-native 项目中，在项目的根目录下:
typings install dt~react-native --save --g
# 安装完成后VSCode的根目录下会多一个typings.json文件
# 至此配置完，以后关于reactnative的代码就有自动提示+补全。

最后安利

RN 调试工具 react 代码在线编辑器 o'v'o

rn