RN-window下android环境搭建

1次阅读

共计 1908 个字符,预计需要花费 5 分钟才能阅读完成。

开发软件依赖

Python2

注:目前不支持 Python3 版本

下载地址 Python 2.7.15,下载后直接安装即可。

Node

下载地址 Node.js 7.6.0,与 React Native 构建平台使用 node 版本一致

安装完 node 后建议设置 npm 镜像以加速安装第三方依赖。

npm config set registry https://registry.npm.taobao.org –global

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

Yarn、React Native 的命令行工具(react-native-cli

Yarn 是 Facebook 提供的替代 npm 的工具,可以加速 node 模块的下载。React Native 的命令行工具用于执行创建、初始化、更新项目、运行打包服务(packager)等任务。

npm install -g yarn react-native-cli

安装完 yarn 后同理也要设置镜像源:

yarn config set registry https://registry.npm.taobao.org –global

yarn config set disturl https://npm.taobao.org/dist –global

安装完 yarn 之后就可以用 yarn 代替 npm 了,例如用 yarn 代替 npm install 命令,用 yarn add 某第三方库名代替 npm install –save 某第三方库名

Android Studio

React Native 目前需要 Android Studio2.0 或更高版本

Android Studio 需要 Java Development Kit [JDK] 1.8(暂不支持更高版本)。你可以在命令行中输入 javac -version 来查看你当前安装的 JDK 版本。如果版本不合要求,则可以到 官网上下载

下载地址 Android Studio,如下图选择符合自己平台的

如果下载的是.zip 安装包,解压后通过安装目录下 bin 下的 studio64.exe 即可打开 Android Studio, 在欢迎界面中选择 Configure|SDK Manager:

在 SDK Platforms 窗口中,选择 Show Package Details,然后在 Android 6.0 (Marshmallow) 中勾选 Android SDK Platform 23

在 SDK Tools 窗口中,选择 Show Package Details,然后在 Android SDK Build-Tools 中勾选 23.0.1(必须包含有这个版本。当然如果其他插件需要其他版本,你可以同时安装其他多个版本)。然后还要勾选最底部的 Android Support Repository.

配置环境变量

ANDROID_HOME:确保 ANDROID_HOME 环境变量正确地指向了你安装的 Android SDK 的路径(请自行确认自己本地安装路径)

模拟器 Genymotion

  1. 下载和安装 Genymotion, 需要先注册账号,登录后才能下载安装包

2. 下载后直接点击安装即可(会安装两个软件,一个是 Genymotion,另一个是 VirtualBox 虚拟机),须记住 Genymotion 的安装路径,安装 Android Studio 插件时会用到。

3. 点击 Genymotion 图标,Genymotion 启动前会先启动虚拟机,如果出现下图报错,说明电脑默认虚拟化技术的配置项没有开启,需进入 BIOS 修改配置项。

4. 开机时长按 F10 开启 BIOS 设置,在 Advanced 里找到 system options 回车,最后勾选了 Virtualizaton Technology 这两个就开启虚拟化功能了

5. 虚拟机开启后,genymotion 首次进入,需选择使用模式,商业的需要购买认证,我们直接选择个人模式,无需购买认证,也没有使用天数限制。

6. 用户登录,输入在官网注册的账号密码即可。不然无法安装模拟器。

7. 点击 Add 下载各种版本虚拟机的文件信息了,下好了文件信息就能创建虚拟机,接下来就是 Android Studio 和 Genymotion 关联了。

8.Android Studio 安装 Genymotion 插件

  • 打开 Android Studio 点击 File/Setting
  • 选中 Plugins,在搜索框内填入 Genymotion,点击下方的 Browse repsosistories 进行搜索,搜索到点击 Install,等待安装即可。
  • 然后就是重启 Android studio, 重启后多了个新图标,点击那个新图标或者点击 File/Setting/ 找到 Genymotion, 配置 Genymotion 的安装路径

正文完
 0