资讯专栏INFORMATION COLUMN

在Windows下搭建React Native Android开发环境&搭建项目

glumes / 2318人阅读

摘要:配置安卓环境下载安装就是下一步下一步安装完成点击,然后点击在中选择选项卡,然后在右下角勾选。

说明:

Windows下搭建React Native Android开发环境和基本的React Native项目搭建

环境变量添加控制面板 -> 系统和安全 -> 系统 -> 高级系统设置 -> 高级 -> 环境变量 -> 新建

项目搭建调试方式采用真机调试,如需使用 Android 模拟器

参考文档 https://reactnative.cn/docs/g...


一、环境搭建 1.安装的java jdk

Java JDK官网
安装就是下一步下一步下一步

1.1修改环境变量,新增JAVA_HOME的系统环境变量,值为C:Program Files (x86)Javajdk1.8.0_112,也就是安装JDK的根目录

1.2修改系统环境变量Path,在Path之后新增%JAVA_HOME%in;%JAVA_HOME%jrein;

1.3新建系统环境变量CLASSPATH,值为.;%JAVA_HOME%libdt.jar;%JAVA_HOME%lib ools.jar;

1.4保存所有的系统环境变量,同时退出系统环境变量配置窗口,然后运行cmd命令行工具,输入javac,如果能出现javac的命令选项,就表示配置成功!

2安装Node.js环境

node.js中文网
安装就是下一步下一步下一步

2.1注意:需要安装最新的长期稳定版本,不要实验版本;安装完毕之后的node.js会自动配置到全局系统环境变量中

安装完毕后,可以输入node -v查看node版本号;

3.安装C++环境 3.1大多数情况下操作系统自带C++环境,不需要手动安装C++环境;

如果运行报错,则需要手动安装visual studio中的C++环境;

4.安装Git环境(一个可选的操作)

Git官网

4.1Git安装完毕后,会自动配置到系统环境变量中;

可以通过运行git --version来检查是否正确安装和配置了Git的环境变量;

5.安装Python环境

这里选择2.7版本python官网

5.1注意:安装Python时候,只能安装2.×的版本,注意勾选安装界面上的Add Python to path,这样才能自动将Python安装到系统环境变量中;

5.2安装完毕之后,注意应该以管理员身份在命令行中运行python,检查是否成功安装了python。

6.配置安卓环境

Android Studio下载
安装就是下一步下一步

6.1安装完成点击"Configure",然后点击"SDK Manager"

6.2在 SDK Manager 中选择"SDK Platforms"选项卡,然后在右下角勾选"Show Package Details"。展开Android 6 勾选图中标注的2选项,展开Android 9 (Pie)勾选图中标注的3选项

6.3在 SDK Manager 中选择"SDK Tools"选项卡,勾选图中标注的1的选项

6.4在 SDK Manager 中选择"SDK Tools"选项卡,然后在右下角勾选"Show Package Details",选中图2所需包


勾选完成点击安装

6.5配置安装环境变量:在系统环境变量中新建ANDROID_HOME,值为android SDK Manager的安装路径C:Android,紧接着,在Path中新增`;%ANDROID_HOME%tools;%ANDROID_HOME%platform-tools;

二、初始化项目 1.初始化一个项目

注意:项目名必须是英文,且项目存放文件夹路径不得有中文

react-native init 项目名
2.看到如下图表示初始化一个项目完成

3.使用 adb devices 查看是否有设备连接

3.1使用数据线,把手机链接到电脑上; 3.2运行 adb devices 的命令,这个命令,是安卓开发环境提供的; 3.3需要先开启手机的开发者模式,如果开启开发者模式之后,还是看不到设备,则尝试安装 豌豆荚 这样的工具,让这些工具帮助你在电脑上安装手机的驱动; 4.首先cd切换到当前项目目录然后输入打包编译命令 react-native run-android 4.1打包运行项目,把打包好的项目部署到手机中!

确保手机已经正确的链接到了当前电脑上,同时手机开启了开发者调试模式;可以使用adb devices来查看当前链接到电脑上的手机设备列表!

当确认手机正确链接到电脑上之后,可以运行react-native run-android来打包当前项目,并把打包好的项目以调试的模式安装到手机中!

5.React Package窗口的作用

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/45088.html

相关文章

  • Windows搭建React Native Android开发环境android开发mvp模式

    摘要:在这个过程中可能会出现一些问题,导致失败你没有配置需要再系统变量中加入这个,指到目录。所以面试没有其他的诀窍,只看你对这些知识点准备的充分程度。本文已被开源项目学习笔记总结移动架构视频大厂面试真题项目实战源码收录 在这个过程中可能会出现一些问题,导致build失败: 1. 你没有配置ANDROID_HOME,...

    番茄西红柿 评论0 收藏2637
  • windows系统安装配置react-native运行环境

    摘要:把目录添加到环境变量中打开控制面板系统和安全系统高级系统设置高级环境变量,选中变量,然后点击编辑。 最近公司要开发react-native项目,自己在windows系统上练习了一下,过程中发现好多问题,在这里整理出来供大家参考; 一、首先来看一下reactNative官网 官网上的教程很详细,介绍了IOS和Android的环境搭建、示例教程等等,建议大家先按照官网的环境搭建教程尝试搭...

    SunZhaopeng 评论0 收藏0
  • windows系统安装配置react-native运行环境

    摘要:把目录添加到环境变量中打开控制面板系统和安全系统高级系统设置高级环境变量,选中变量,然后点击编辑。 最近公司要开发react-native项目,自己在windows系统上练习了一下,过程中发现好多问题,在这里整理出来供大家参考; 一、首先来看一下reactNative官网 官网上的教程很详细,介绍了IOS和Android的环境搭建、示例教程等等,建议大家先按照官网的环境搭建教程尝试搭...

    sixgo 评论0 收藏0

发表评论

0条评论

glumes

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<