windows下配置React Native开发环境

开始搭建开发环境


安装Chocolatey

Chocolatey是Windows上的包管理器。 我们安装它的目的是方便我们安装Python 2和Node

使用管理员权限打开cmd
使用下面的方法安装Chocolatey


@powershell -NoProfile -ExecutionPolicy Bypass -Command "iex ((new-object net.webclient).DownloadString('https://chocolatey.org/install.ps1'))" && SET PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin

windows下配置React Native开发环境_第1张图片
安装Chocolatey

安装完成后在cmd中输入choco,打印版本信息则说明安装成功

验证Chocolatey是否安装成功

安装python

choco install python2

备选方案
如果安装python时出错

windows下配置React Native开发环境_第2张图片
安装python出错

使用迅雷下载安装

https://www.python.org/ftp/python/2.7.12/python-2.7.12.msi


安装node

choco install nodejs.install

备选方案
使用迅雷下载安装

https://nodejs.org/dist/v6.2.0/node-v6.2.0-x64.msi

安装完成之后,在cmd中敲入

node -v

输出版本信息则说明安装成功

验证node是否安装成功

安装React Native

npm install -g react-native-cli

windows下配置React Native开发环境_第3张图片
安装Reach Native时打印内容

安装64位JDK

首先查看你的PC上是否安装有64位的JDK

java -d64

windows下配置React Native开发环境_第4张图片
正确安装了64位JDK
未正确安装64位JDK

如果没有正确安装64位JDK,请重新安装,具体安装步骤这里就不详细说明了


安装Android Studio

下载安装包后,一路next
到这里就要注意了

选择自定义安装

windows下配置React Native开发环境_第5张图片
选择Custom

勾选androidSDK

windows下配置React Native开发环境_第6张图片
全部勾选

打开SDK管理器

windows下配置React Native开发环境_第7张图片
打开SDKManager

下载编译工具

windows下配置React Native开发环境_第8张图片
下载编译工具

下载SDK

windows下配置React Native开发环境_第9张图片
下载SDK

我这里使用真机测试,所以选用Android 5.0版本

新建ANDROID_HOME环境变量
新建一个环境变量,名为ANDROID_HOME,值为刚才Android SDK的安装路径

windows下配置React Native开发环境_第10张图片
新建ANDROID_HOME环境变量

将Tools目录添加到PATH变量中
把Android SDK的tools和platform-tools目录添加到PATH
变量中

windows下配置React Native开发环境_第11张图片
添加Tools目录

到这里就可以开始创建第一个React Native项目了

你可能感兴趣的:(windows下配置React Native开发环境)