RN项目学习笔记：环境搭建（Windows、Android）

前言

初学RN，很酸爽，记录下搭建过程，希望可以和大家一起学习，文章若有误请指正。

安装环境：

官方文档：RN官网

我的环境如下：

Android环境安装：

不需要单独安装Android sdk
安装Android studio后再安装sdk：Android studio安装地址

一、安装Android sdk

点击工具栏图标或在工具栏Help里搜SDK Manager

勾选show package details，选择需要的，点击OK即可下载，
sdk默认安装路径：C:\Users\username\AppData\Local\Android\Sdk

二、安装模拟器

点击工具栏图标或在工具栏Help里搜AVD Manager
可以创建模拟器，一般运行yarn android会自动开启模拟器，不用连接模拟器，配端口啥的
命令行输入，可以看到有可用设备，具体如何创建，请自行搜索

三、配置环境变量：

C:\Program Files\nodejs\

C:\Python27\
C:\Python27\Scripts

ANDROID_HOME：C:\Users\miki\AppData\Local\Android\Sdk
%ANDROID_HOME%\tools
%ANDROID_HOME%\tools\bin
%ANDROID_HOME%\emulator
%ANDROID_HOME%\platform-tools

JAVA_HOME：C:\Program Files\Java\jdk1.8.0_152
%JAVA_HOME%\bin;
%JAVA_HOME%\jre\bin;

创建运行官网demo

npx react-native init AwesomeProject

cd AwesomeProject
yarn android
# 或者
react-native run-android

遇到gradle下载失败：

如果浏览器输入https://services.gradle.org/distributions/gradle-6.2-all.zip ，也下载不了
请复制地址使用迅雷等下载软件下载，放到本地
我的是放到和sdk同级C:\Users\miki\AppData\Local\Android下，不需要解压
修改gradle-wrapper.properties文件：

#distributionUrl=https\://services.gradle.org/distributions/gradle-6.2-all.zip
#指定本地文件代替原本网络下载
distributionUrl=file:///C:/Users/miki/AppData/Local/Android/gradle-6.2-all.zip

再运行yarn android，可以看到欢迎界面

补充：

1、前端同学不太了解gradle的，可以参考：https://www.zhihu.com/question/30432152