1.参照配置地址
http://reactnative.cn/docs/0.46/getting-started.html#content
2.运行cmd
3.安装Chocolatey:
@powershell -NoProfile -ExecutionPolicy Bypass -Command "iex ((new-object net.webclient).DownloadString('https://chocolatey.org/install.ps1'))" && SET PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin
4.使用Chocolatey来安装Python 2.
choco install python2
5.使用Chocolatey来安装NodeJS
choco install nodejs.install
(不行可以用 choco upgrade nodejs.install 试试,https://chocolatey.org/看到的)
6.安装完node后建议设置npm镜像以加速后面的过程(或使用科学上网工具)。注意:不要使用cnpm!cnpm安装的模块路径比较奇怪,packager不能正常识别!
npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global
7.Yarn、React Native的命令行工具(react-native-cli)
Yarn是Facebook提供的替代npm的工具,可以加速node模块的下载。React Native的命令行工具用于执行创建、初始化、更新项目、运行打包服务(packager)等任务。
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
8.任何一步有问题可以,重启一下电脑试试(看看环境变量是否更新)
9.为adb配置环境变量
在path后面加上Android sdk的地址:例如
新建环境变量Android
D:\androidstudiosdk\studiosdk\android-sdk-windows\platform-tools
10.测试安装
react-native init AwesomeProject
cd AwesomeProject
react-native run-android
11.真机测试出现的问题
unable to load script
解决地址:http://blog.csdn.net/u014175342/article/details/73823904
红屏问题:http://blog.csdn.net/eric_niezhangyu/article/details/51692297
12.待解决问题oppo R9手机不能运行,原因主要在于这手机,安装个app,都需要先问是否安装这类的问题,开发者点击安装,才开始安装,完又问是否打开app,之类的问题,导致app无法自动安装。
13.开发react native需要使用的工具,webstorm。