ReactNative之Windows环境搭建(1)

之前一直都是在�Mac上使用ReactNative, 最近由于工作的原因在Windows上使用, 发现坑很多, 为了怕以后忘了, 记录如下

1.Chocolatey

Chocolatey是Windows上的包管理器, 类似Mac上的Homebrew

下载地址: https://chocolatey.org/

注: 安装Chocolatey是方便安装Node.js和Python2, 可跳过, 也可以单独安装Node.js和Python2

安装命令如下:

choco install nodejs.install

choco install python2

2.Python

Python是一种解释型、面向对象、动态数据类型的高级程序设计语言。

下载地址: https://www.python.org/

注: 需要安装Python2, 暂不支持Python3

3.Node.js

Node.js是一个基于 Chrome V8 引擎的 JavaScript 运行环境。

下载地址: https://nodejs.org/

注:

1.安装稳定版, 不要安装最新版(个人的经验)

2.安装完node后建议设置npm镜像以加速后面的过程（或使用科学上网工具）。

设置npm镜像的命令:

npmconfig set registry https://registry.npm.taobao.org --global

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

4.The React Native CLI

The React Native CLI是 React Native 的命令行工具

安装命令: npm install-g react-native-cli

注: 在命令中输入安装命令, 如下图1

5.JDK

JDK是 Java 语言的软件开发工具包

下载地址: http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

注: 需要JDK8或更高版本

在命令行输入java -version来判断电脑是否安装, 或安装的版本

需要配置环境变量, 步骤入口

6.Android Studio

Android Studio是一个Android集成开发工具

下载地址: http://www.android-studio.org/

注: 需要需要Android Studio2.0或更高版本。

6.1 安装HAXM

在初步安装完成后，选择Custom安装项:

检查已安装的组件，尤其是HAXM加速驱动。

注: 没有安装AVD, 是因为不需要自动的模拟器

6.2安装SDK

在Android Studio的欢迎界面中选择Configure | SDK Manager

在SDK Platforms窗口中，选择Show Package Details，然后在Android 6.0 (Marshmallow)中勾选Google APIs、Android SDK Platform 23、Intel x86 Atom System Image、Intel x86 Atom_64 System Image以及Google APIs Intel x86 Atom_64 System Image

在SDK Tools窗口中，选择Show Package Details，然后在Android SDK Build Tools中勾选Android SDK Build-Tools 23.0.1。（必须是这个版本）

6.3 设置Android的环境变量

打开控制面板->系统和安全->系统->高级系统设置->高级->环境变量-> 选中PATH-> 双击进行编辑

7.安卓模拟器

安卓模拟器种类比较多, windows选择夜神模拟器

下载地址: https://www.bignox.com/

大功告成!