react native环境
Posted shuia
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了react native环境相关的知识，希望对你有一定的参考价值。
快速搭建React Native开发环境（windows android篇）
最近要做一个项目的技术选型，因为多端开发，所以一批筛选下来，选了 React Native ，但是 Android 的开发环境在 Windows 下真的好繁琐（还是Mac方便），本文为记录。
建议：过程中最好开启梯子！
安装
Chocolatey
Chocolatey 是一个 Windows 上的包管理器，类似于linux上的yum和 apt-get，以下的软件都是直接用 Chocolatey 安装，当然你也可以直接下载对应的软件安装，这不是硬性的。
你可以在其官方网站上查看具体的使用说明，这里直接打开CMD命令行执行：
@"%SystemRoot%System32WindowsPowerShellv1.0powershell.exe" -NoProfile -InputFormat None -ExecutionPolicy Bypass -Command "iex ((New-Object System.Net.WebClient).DownloadString(‘https://chocolatey.org/install.ps1‘))" && SET "PATH=%PATH%;%ALLUSERSPROFILE%chocolateyin"
nodejs
choco install nodejs.install
考虑到国内的情况，修改npm为淘宝源
npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global
Yarn、React Native
npm install -g yarn react-native-cli
Python 2
choco install python2
Java Development Kit
choco install jdk8
Android Studio
Android Studio包含了运行和测试React Native应用所需的Android SDK和模拟器。
下载地址 http://developer.android.com/sdk/index.html
除非特别注明，请不要改动安装过程中的选项。比如Android Studio默认安装了 Android Support Repository，而这也是React Native必须的（否则在react-native run-android时会报appcompat-v7包找不到的错误）。
在初步安装完成后，选择Custom安装项，自定义 Android SDK 路径。
配置
ANDROID_HOME 环境变量
打开控制面板 -> 系统和安全 -> 系统 -> 高级系统设置 -> 高级 -> 环境变量 -> 新建
ANDROID_HOME 环境变量指向了上面步骤设置的 Android SDK 的路径。
platform-tools 加入环境变量里的PATH
e:/Android SDK/platform-tools/
GRADLE_USER_HOME 环境变量
修改Gradle缓存文件夹路径
GRADLE_USER_HOME D:/Cache/.gradle
开发
初始化项目
react-nativ init Demo
cd Demo
yarn install
开发调试
手机开启USB调试（MIUI等系统请开启USB安装权限），然后执行命令：adb devices
在项目根目录执行 react-native run-android
打包 APK
cd android && gradlew assembleRelease以上是关于react native环境的主要内容，如果未能解决你的问题，请参考以下文章
React Native开发 - 搭建React Native开发环境