react native学习笔记

¶一、环境搭建

注意 Node 的版本应大于等于 12，Python 的版本必须为 2.x（不支持 3.x），而 JDK 的版本必须是 1.8（目前不支持 1.9 及更高版本，注意 1.8 版本官方也直接称 8 版本）。安装完 Node 后建议设置 npm 镜像（淘宝源）以加速后面的过程（或使用科学上网工具）。

¶1.下载JDK

选择适应自己的机型；官网地址：http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

配置好java环境变量：

JAVA_HOME：D:\Development\Java\jdk1.8.0_152

CLASSPATH：.;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar

Path：%JAVA_HOME%\bin （追加进去即可）

¶2.安装Python2

下载Python2，下载地址：https://www.python.org/ftp/python/2.7.16/python-2.7.16.amd64.msi

傻瓜式安装好后，配置以下环境变量：

Path：D:\Development\Python27（追加进去即可）

¶3.安装Android Studio

下载地址：https://developer.android.google.cn/studio

3.1配置sdk

3.2配置ANDROID_HOME环境变量

ANDROID_HOME：F:\Android\Sdk

Path的环境变量追加如下内容：

%ANDROID_HOME%\platform-tools
%ANDROID_HOME%\emulator
%ANDROID_HOME%\tools
%ANDROID_HOME%\tools\bin

以上完成后，还要准备安卓真机或者安卓模拟器。

参考：https://www.jianshu.com/p/be001734b7fd

¶4.安装node

建议通过nvm node版本管理工具来安装node，方便切换node版本，参考教程：https://www.qcmoke.site/tools/nvm.html

¶5.安装react-native脚手架

1	$ npm install -g react-native-cli

¶6.安装安卓模拟器

可自行选择可用的安卓模拟器安装。运行安卓模拟器后执行如下命令，如果能识别出"device"设备即可。

1
2
3

$ adb devices
List of devices attached
192.168.108.101:5555    device

本人这里安卓的是genymotion模拟器，运行端口是55555。不同的模拟器可能运行端口不一样。

以下是不同模拟器对应的运行端口：

1、木木： 7555
2、夜神： 62001
3、海马：53001
4、逍遥：21503
5、天天：6555
6、雷电、genymotion、谷歌原生：5555

7.配置gradle

（1）如果不进行配置，默认项目会下载gradle以及gradle依赖到C盘里，我们可以修改下载的文件到其他目录里，只需配置如下环境变量：

GRADLE_USER_HOME：F:\Download\myrepository

（2）如果想配置gradle的版本，那么可以添加如下环境变量。

不建议配置，因为react native项目自身就已经限定了gradle版本，在运行项目的时候会自动根据项目的gardle配置文件下载对应版本的gradle到%GRADLE_USER_HOME%\wrapper\dists目录里，如果非要配置可参考下面：

GRADLE_HOME：D:\Development\Gradle\gradle-6.2

¶二、创建新项目

$ npx react-native init AwesomeProject
$ cd AwesomeProject
$ react-native run-android 
# npx react-native run-android