React Native开发环境搭建（Windows）

1、安装node

http://www.javashuo.com/article/p-uieiojqv-dc.html

安装好之后，请设置一下node的镜像下载地址，改成国内的地址。这个地址为淘宝提供的镜像，速度比较快。

直接在cmd命令里面键入这两条命令便可。

npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global

 

2、安装python

http://www.javashuo.com/article/p-ayswiqij-d.html

安装Yarn、React Native命令行工具（react-native-cli）

**Yarn是 Facebook 提供的替代 npm 的工具，能够加速 node 模块的下载。

**React Native 的命令行工具用于执行建立、初始化、更新项目、运行打包服务（packager）等任务。

安装完python,直接打开cmd命令，键入如下安装代码便可

npm install -g yarn react-native-cli

 安装完 yarn 后同理也要设置镜像源：

yarn config set registry https://registry.npm.taobao.org --global
yarn config set disturl https://npm.taobao.org/dist --global

 安装完 yarn 以后就能够用 yarn 代替 npm 了，例如用yarn代替npm install命令，用yarn add 某第三方库名代替npm install 某第三方库名。

3、安装jdk

 略

4、安装androidstudio

 略

5、建立第一个RN项目

建立项目目录，cmd进入，键入如下指令建立

react-native init FirstProject

其中FirstProject为项目名称，自行修改便可,等待几分钟出现

下载完成后，就能够看到你的目录下面出现一个目录了，这个就是下载好之后的react nactive项目，若是是android项目须要关注android这个目录文件夹了。

A、使用AndroidStudio建立一个新的项目，并拷贝其local.properties文件至如上android对应根目录

B、打开模拟器或连上真机

C、启动服务器

react-native start

　等一段时间，用浏览器访问http://localhost:8081/index.android.bundle?platform=android能够访问，即启动完成，启动以后不能关闭；

D、这时仍是cmd到咱们项目根目录运行项目，输入：

react-native run-android

此时发现运行成功。

 

注意：react-native run-android只是运行应用的方式之一。你也能够在 Android Studio 或是Nuclide中直接运行应用。

若是apk没有启动成功，说明adb环境变量没有配置好，请参考：http://www.javashuo.com/article/p-qtvoyxkw-q.html

建议在run-android成功后再尝试使用 Android Studio 启动。请不要轻易点击 Android Studio 中可能弹出的建议更新项目中某依赖项的建议，不然可能致使没法运行。

 

 

 

扫码加群，共同探讨，共同进步！