React Native Window 开发环境搭建图文详解

正常情况下，按照react-native中文网：http://reactnative.cn/docs/0.42/getting-started.html#content安装教程就可以了！

当然我这边说的不正常的情况即在没办法安装Chocolatey包管理器情况下，分开下载：

1、python 2.7.1：https://www.python.org/download/releases/2.7.1/，这边下载要注意的是不要下载3.0以上的版本！

安装这边要注意的是要记住自己的安装目录，不记得话，基本上是在C:\Program Files这个目录地址（安装目录用于之后配置环境路径用）

2、node（包含npm）：https://nodejs.org/en/download/

这边也是要记住安装目录~

好了~安装后查看一下环境变量了，正常情况下安装后环境变量就已经配置好了~

如果没有的话，百度就好了

node.js环境变量配置:http://jingyan.baidu.com/article/1876c8529c79e2890b1376dd.html?st=2&net_type=&bd_page_type=1&os=0&rst=&word=WWWDHZJS.ORG

python 环境变量配置：http://jingyan.baidu.com/article/48206aeafdcf2a216ad6b316.html

接下来就是设置npm镜像以加速后面的过程，

1、windows+r 输入cmd：

如上所示，恭喜你，安装顺利~

2、使用命令设置：

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

然后就可以顺利的操作安装Yarn、React Native的命令行工具（react-native-cli）

Yarn是Facebook提供的替代npm的工具，可以加速node模块的下载。React Native的命令行工具用于执行创建、初始化、更新项目、运行打包服务（packager）等任务。

npm install -g yarn react-native-cli

耐心等待...

顺利~

测试安装：

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

耐心~

初始化后，可以在C:\Users\F\AwesomeProject目录下找到react native 例子项目~

编译工具推荐:WebStorm-EAP(免费的正版（最新测试版）)：http://confluence.jetbrains.com/display/WI/WebStorm+EAP

WebStorm正式版：http://www.jetbrains.com/webstorm/download/#section=windows-version，这个需要自己破解，不想破解的话就用上面那个版本~

原文地址：https://www.jb51.cc/react/304710.html