美文网首页
Win下react native环境搭建(Android)

Win下react native环境搭建(Android)

作者: 懿小诺 | 来源:发表于2016-09-19 15:25 被阅读0次

    一、环境安装与配置:

    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

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

    相关文章

      网友评论

          本文标题:Win下react native环境搭建(Android)

          本文链接:https://www.haomeiwen.com/subject/rkagettx.html