Windows环境下安装React Native开发环境----记一次填坑过程

前言

集成React Native开发环境遇到各个坑，调试了很久出现过找不到设备，百度上个别人的资料有误被绕来绕去耽误了很多时间，下载慢等待时间过长等问题，最后多方查阅资料，电脑重启等操作终于部署好了。。。刚入门React Native的小白按照我的步骤去做，就可以把环境部署好，减少填坑的过程。

1、安装jdk 配置环境

1.下载JDK，选择适应自己的机型；官网地址：http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html
2.配置环境，问度娘：http://jingyan.baidu.com/article/f96699bb8b38e0894e3c1bef.html

2、下载安装Android SDK

1.直接下载SDK Tools，然后通过SDKManager安装react-native运行所需要的环境，注意选择x64还是x86。
官网下载地址：https://developer.android.com/sdk/installing/index.html
国内下载地址：http://androiddevtools.cn/
2.设置SDK：点击右下角configure，打开 SDK Manager，我们需要安装以下项目的最新版本：
Tools/Android SDK Tools
Tools/Android SDK Platform-tools
Tools/Android SDK Build-tools
Android 6.0 (API 23)/SDK Platform
Extras/Android Support Library
Extras/Local Maven repository for Support Libraries

配置android 环境，很重要，我是开发android的老司机了，之前用androidStudio一直没有配置也没有出现过问题，可以做react native一定要配置，要不然会报找不到android SDK的错误，我试了好半天才发现是这个问题，另外下面的包最会全部下载，不然会报一些稀奇古怪的错误。

sdk看着下，我下载的是android 7.0的sdk，其实下载6.0， 5.0都没有问题，只是下载新的可以适应现在新的手机的一些特性。

3、安装node.js ,Python(版本选择2.7)，,git(可选，不是必须的)。

http://nodejs.cn/download/ （nodjs 下载地址）

https://git-scm.com/download/win （git下载地址）

https://www.python.org/downloads/ (python 下载地址)

然后利用命令行cmd将Node.js的镜像切换为国内的镜像。 （打开cmd窗口输入1中的内容回车，再输入2 中的内容回车）
1. npm config set registry https://registry.npm.taobao.org –global
2. npm config set disturl https://npm.taobao.org/dist –global
这个设置的之后就可以避免在初始化项目时出现网络无法连接。

4、安装react-native命令行工具

.打开命令窗口，输入 npm install -g react-native-cli

测试安装

react-native init AwesomeProject
cd AwesomeProject
react-native run-android

也就是下面的三步:

5、创建react-native项目

5.1 在上面打开的窗口中输入 react-native init AwesomeProject

会默认在这个目录下生成文件

6、运行packager：

6.1. cd AwesomeProject （我用的命令是C:\Users\admin\AwesomeProject，效果是一样的）
6.2. npm start （验证是否成功，可以忽略这步）

7、输出到手机设备或者模拟器上

7.1 可以用 adb devices验证是否连接设备，避免后面的步骤报错

如图所示表示连接到设备成功

7.2
输入 react-native run-android，构建工程并自动安装到你的模拟器或者设备（我用的是华为手机）中

然后手机上或者模拟器上看到如图所示表示成功。

ps:
对于之前没有用过AndroidStudio的人，需要配置Gradle Daemon，开启Gradle Daemon可以极大地提升java代码的增量编译速度。用过androidStudio的人都知道要开启这个，要不然AndroidStudio编译项目的速度会很慢，经常一两分钟，很抓狂。
在cmd窗口中输入下面的命令：
(if not exist “%USERPROFILE%/.gradle” mkdir “%USERPROFILE%/.gradle”) && (echo org.gradle.daemon=true >> “%USERPROFILE%/.gradle/gradle.properties”)

参考链接
https://www.cnblogs.com/yuying0527/archive/2017/07/24/7230203.html
https://blog.csdn.net/u011342403/article/details/59544132

这个react native安装教程我没看懂，有坑
https://jingyan.baidu.com/article/e5c39bf5d949c139d760333d.html

分享react native文档
https://facebook.github.io/react-native/docs/getting-started.html（官方文档）
https://reactnative.cn/docs/0.51/getting-started.html （对照翻译的版本，目前支持的是0.51，但官方现在的文档版本是5.5，不过对于初学者学习基础已经足够了，好好学习这个文档会打好坚实的基础）

http://wiki.jikexueyuan.com/project/react-native/TOC.html （极客学院翻译的中文文档）