Win下react native环境搭建(Android)

来源:互联网 发布:淘宝开店协议提交失败 编辑:程序博客网 时间:2024/05/16 13:40

一、环境安装与配置:

1、软件需要

注意电脑位数是32/64位对应的软件可能会不同。

2、安装Nodejs

nodejs是react-native工具的运行基础。

64位下载地址:

32位下载地址:

安装过程中,选择默认的安装方法即可,安装目录可以自己选择,选择C盘或者其他盘如果node目录不在系统环境变量PATH中(目前的nodejs是默认设置好的),需要设置下,如果node安装目录是C:\nodejs,那么如下设置:PATH新增路径;C:\nodejs如果安装并设置好路径,如若安装成功,则可以在终端中输入node -v查看到nodejs的版本号。

3、 安装Git

用于代码管理,与svn类似的工具,同时在react native中会用git获取github上的部分依赖。

32位下载链接

64位下载链接

安装完成后,需要设置系统环境变量。如果Git安装目录是C:\Git,那么需要进行配置:PATH新增路径;C:\Git\bin

安装成功后,桌面鼠标右击会出现以下两项:


4、 安装jdk

Jdk是Java运行环境。

32位下载链接

64位下载链接

安装后需要设置下系统环境变量,如果JDK安装目录是C:\Jdk,那么需要如下设置:

新增环境变量JAVA_HOME设置为C:\Jdk新增环境变量CLASSPATH设置为.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar环境变量PATH新增路径;%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin


配置完成后在终端输入javac查看路径(即是否安装成功)

5、 安装Android Studio

用于Android

sdk等等的管理,也是Android开发工具下载地址,下载的安装程序包含了Android SDK,过程中会对SDK进行解压,3G大小,请注意盘符空间是否够。


安装过程需要一段时间

安装后需要设置系统环境变量。如果安装的路径是D:\Program Files\Android\sdk,则需要如下设置:

新增变量ANDROID_HOMED:\ProgramFiles\Android\sdk

PATH变量中新增路径;%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools;

之后可以在终端中使用adb命令。


环境配置成功。

6、安装Genymotion

该工具是安卓虚拟机,它依赖VirtualBox的引擎。下载地址安转过程会同时安装VirtualBox。



Genymotion需要注册一个帐号(注册入口),需要翻墙去官网注册,之后个人就可以免费使用了,也会提供很多版本的手机Model供选择。有一个可用的账号在这里找到的:账号genymotionbar  密码 gm8888


可供选择的虚拟设备(创建时候选择的)

选择一个虚拟设备配置产生后的genymotion,Custom Phone设备是可以使用的

点击start后安卓模拟器的效果

7、安装react-native命令工具

在命令行中安装react-native-cli,如下:



安装过程可能会比较慢

可以从国内的包管理拉取。

npm install -g react-native-cli--registry=https://registry.npm.taobao.org

都安装完成后即可创建项目。

0 0
原创粉丝点击