Windows10 准备/安装React研发环境

小程序：扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序

安装NodeJS环境，附带NPM

因为React依赖NPM（Node.js Package Manager）来安装，所以我们可以先安装Node.Js环境。

Node.Js会自动带NPM组件和自动安装配套的可选组件，非常简便。

下载NodeJs

12.81.3 LTS长期支持版：https://nodejs.org/dist/v12.18.3/node-v12.18.3-x64.msi

官网：https://nodejs.org/zh-cn/

验证安装

node -v npm -v

设置NPM镜像，避免国内环境坑

国外环境你懂，所以这里在CMD里面我们设置下全局节点为淘宝吧，避免后面遇到环境问题，七七八八。

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

安装React Native 命令行工具

有了前面的NPM之后，我们就可以愉快的用NPM来安装React Nativ Cli了

npm install -g react-native-cli

PS：卸载可用“npm uninstall -g react-native-cli”

安装Yarn，来加速安装替换NPM

Yarn是Facebook 提供的替代 npm 的工具，可以加速 node 模块的下载，安装完 yarn 之后就可以用 yarn 代替 npm 了，例如用yarn代替npm install命令，用yarn add 某第三方库名代替npm install 某第三方库名。

npm install -g yarn

同时我们也可以把yarn从官网源切换到国内节点，比如

yarn config get registry yarn config set registry 'https://registry.npm.taobao.org'

安装Native开发所需的Java SDK

下载并安装Java SDK

如果Oracle要求你注册账号，你就老实注册一个。

JDK 的版本必须是 1.8（目前不支持 1.9 及更高版本，注意 1.8 版本官方也直接称 8 版本）

下载地址：https://download.oracle.com/otn/java/jdk/8u231-b11/5b13a193868b4bf28bcb45c792fce896/jdk-8u231-windows-x64.exe?AuthParam=1592777279_872afabc0b8f3c448139b89be53a63a6

官网：https://www.oracle.com/cn/java/technologies/javase/javase-jdk8-downloads.html

设置环境变量，让React感知Java SDK位置

React Native 需要通过环境变量来了解你的 Java SDK 装在什么路径，从而正常进行编译。

可以通过“设置 - 关于 - 右侧系统信息 - 高级系统设置 - 高级 - 环境变量 - XXXX用户变量 - 新建”

JAVA_HOME C:\Program Files\Java\jdkxxxxxx

同时添加Bin目录到环境变量Path中

通过“设置 - 关于 - 右侧系统信息 - 高级系统设置 - 高级 - 环境变量 - XXXX用户变量 - Path - 编辑 - 新建”

%JAVA_HOME%\bin

同时在系统变量中新建CLASSPATH项

CLASSPATH .;%Java_Home%\bin;%Java_Home%\lib\dt.jar;%Java_Home%\lib\tools.jar

如果之前打开了控制台，需要重启控制台，环境变量才生效。

安装Native开发所需的Python 2.x

下载地址：https://www.python.org/ftp/python/2.7.18/python-2.7.18.amd64.msi

官网：https://www.python.org/downloads/release/python-2718/

安装Native开发所需的Android Studio及SDK

Google良心，在国内架设了一个服务器，这个国内网址不用额外上网就可以直接愉快下载了。

下载Android Studio

Android Studio最新版下载：https://r4---sn-2x3een7l.gvt1.com/edgedl/android/studio/install/4.0.1.0/android-studio-ide-193.6626763-windows.exe?cms_redirect=yes&mh=Aa&mip=113.104.248.111&mm=28&mn=sn-2x3een7l&ms=nvh&mt=1595221517&mv=m&mvi=4&pl=19&shardbypass=yes

官网：https://developer.android.google.cn/studio#downloads