文章目录
1.前言
决定用博客记录下来学习RN的点点滴滴。
如有错误还望指正，欢迎交流一起学习。
2.Android基本环境：jdk，sdk，AndroidStudio，Git
这些需要安装，这里牵涉的都是Android相关环境，IOS的同学应该会有一套关于XCODE的基本环境，由于本人是从事android开发的，所以接下来的都是用Android的角度来学习。
至于如何安装这些基本环境，本文暂不讨论，不熟悉的同学可以去网上搜搜，应该会有许多文章对此进行了讲述。
接下来的重点介绍的是，针对react native开发所必要的环境搭建。
3.安装node.js
啰嗦一句，这一步非常重要，接下来的步骤都是基于此之上进行操作。ok，继续来。
百度直接搜：nodejs官网；就能搜到
也可以直接去这个地址：
http://nodejs.cn/download/
进去之后下载windows版本，然后随便在磁盘上建个路径（根据个人喜好）安装，一路下一步就可以安装完成了（需要注意的是，安装的过程中有个npm包可以注意看看，倒不用特意去选，只是提醒下我们后续的操作都是基于整个叫做npm的包）。
安装完成之后进行一个验证：
打开windows下的cmd命令行，输入：
npm -v
如果没有报错，且出现了一个版本打印信息，则表示该环境安装成功。
ps:这里顺带一提，这里我们之所以能直接使用这个命令，是因为我们安装完成之后，他的环境变量会自动拼接配置到PATH之上，这个可以通过观察本地PATH进行观察。
4.在接下来的环境搭建之前，建议先设置镜像或者用科学的姿势上网，如果你不想在后面的某一步浪费太多的时间的话。
这里就说下如何配置镜像。
- 打开我们之前安装好的Git目录（比如我这里的Git安装在D盘），下面有个文件叫做"git-cmd.exe"，打开它，会出现一个命令框。键入命令（其实也可以直接cmd打开一个dos命令行来进行如下操作，之所以用git-cmd是因为它有代码补全，不过这个也看个人习惯了，顺口提一嘴）：
npm config set registry https://registry.npm.taobao.org
npm config set disturl https://npm.taobao.org/dist
5.安装react native 命令行工具
安装这个有俩种方式：
- 远程安装（推荐）
1.打开dos命令行，键入命令：
npm install g react-native-cli
2.安装完成之后的验证：
输入:react-native --help
- 本地安装
其实和上一种方式的好坏之分并不明显，选择哪一种就看个人习惯。具体步骤如下：
1：去github上下载好react-native-master（facebook那个）
这里给出链接：https://github.com/facebook/react-native
2：下载好这个项目之后，进入dos命令行，然后cd到这个项目解压后的(master/react-native-cli)目录之下，键入命令：
npm install g react-native-cli
3.安装完成之后的验证：
输入:react-native --help
6.新建第一个RN项目
- 新建一个文件夹，比如H:/MyFirstRnProject
- dos命令行进入到该目录
- 在dos命令行下键入命令：react-native init zj //这时候需要等待一段时间，这个zj是我自己取的项目名称，根据个人喜好取项目名称。
- 安装成功之后会出现如下图：
关注2行代码：
react-native run-ios
react-native run-android
具体什么意思后面看 - 进入zj目录，键入命令：
react-native start //启动基本服务
启动成功之后出现如下图：
这里可以看到 ready 字样，说明服务已经准备就绪! - 通过浏览器，看下打包后的脚本是否能够看见：
浏览器内打开：http://localhost:8081/index.android.bundle?platform=android
成功之后会出现如下界面：
注意如果这时候你关闭了之前start服务的黑窗口，那么这时候这个页面也就打不开了。 - 用真机构建+运行项目，cmd命令进入对应项目目录H:/MyFirstRnProject/zj，键入命令：
react-native run-android //这里知道这条命令行的作用了吧，就是运行构建项目到设备 - 运行成功之后出现如下界面，至此，第一个项目运行完毕了：
版权声明：本文为user11223344abc原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。