前言

集成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 （极客学院翻译的中文文档）

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

windows 下配置 react native 开发环境
windows 下配置 react native 开发环境安装nvm 由于react native 需要使用 NodeJs 4.0以上版本,为了方便切换NodeJs,首先我们需要安装nvm. 你可以 ...
Windows系统下安装配置 MinGW-w64 开发环境
MinGW.MinGW-w64 简介 MinGW(全称为,Minimalist GNU for Windows),它实际上是将经典的开源 C语言编译器 GCC 移植到了 Windows 平台下,并且包 ...
在anaconda环境下安装orange和开发环境步骤和遇见问题的解决方法
致谢:小龙快跑jly 非常感谢师兄一.安装anaconda 双击安装包然后点击next 点击argee 选择第一个然后点next 选择安装位置可以根据自己的需求选择安装位置,如果没有需求就默认选择 ...
在windows上搭建React Native开发环境
最近要学习React Native,但是在window上搭建开发环境的时候遇到了些问题,以至于一直没有搭建好开发环境. React Native相关项目及文档: react-native的GitHub ...
Windows下安装Object C开发环境，及Hello Word(转)
Windows下安装Object C开发环境,及Hello Word 最近想学习iphone开发,但是由于没有c基础,只有java基础.所以先从基础学习,首先是搭建环境,目前手头没有mac机子,只能先 ...
php larval框架运行环境,4种Windows系统下Laravel框架的开发环境安装及部署方法详解...
1.准备工作 1.1PHP集成环境这里我们使用的是XAMPP,XAMPP是一个功能强大的建站集成软件包,采用一键安装的方式,包含PHP7.0.Mysql.Tomcat等.最新版下载地址:PHP 5. ...
python开发工具及环境配置_python_在windows下安装配置python开发环境及Ulipad开发工具...
最近开始学习Python,在网上寻找一下比较好的IDE.因为以前用C#做开发的,用Visual Studio作为IDE,鉴于用惯了VS这么强大的IDE,所以对IDE有一定的依赖性. Python的ID ...
linux python2.7安装教程_Linux中RedHat下安装Python2.7开发环境的详细教程-学派吧-
这篇文章主要为大家详细介绍了Linux RedHat下安装Python2.7.pip.ipython环境.eclipse和PyDev环境,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 Linux ...
linux python2.7安装教程_Linux RedHat下安装Python2.7开发环境
Linux RedHat下安装Python2.7.pip.ipython环境.eclipse和PyDev环境准备工作,源Python2.6备份: 根据which python具体目录而定,进行备份 ...

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

前言