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

栏目: IOS · Android · 发布时间: 4年前

内容简介:安装就是下一步下一步下一步

说明:

  1. Windows下搭建React Native Android开发环境和基本的React Native项目搭建
  2. 环境变量添加控制面板 -> 系统和安全 -> 系统 -> 高级系统设置 -> 高级 -> 环境变量 -> 新建
  3. 项目搭建调试方式采用真机调试,如需使用 Android 模拟器
  4. 参考文档 https://reactnative.cn/docs/g...

一、环境搭建

1.安装的java jdk

Java JDK官网

安装就是下一步下一步下一步

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

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

1.2修改系统环境变量 Path ,在 Path 之后新增 %JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;

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

1.3新建系统环境变量 CLASSPATH ,值为 .;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;

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

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

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

2安装Node.js环境

node.js中文网

安装就是下一步下一步下一步

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

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

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

3.安装C++环境

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

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

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

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

Git官网

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

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

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

5.安装 Python 环境

这里选择2.7版本 python官网

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

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

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

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

6.配置安卓环境

Android Studio下载

安装就是下一步下一步

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

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

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

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

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

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

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

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

勾选完成点击安装

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

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

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

二、初始化项目

1.初始化一个项目

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

react-native init 项目名

2.看到如下图表示初始化一个项目完成

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

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

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

3.1使用数据线,把手机链接到电脑上;

3.2运行 adb devices 的命令,这个命令,是安卓开发环境提供的;

3.3需要先开启手机的开发者模式,如果开启开发者模式之后,还是看不到设备,则尝试安装 豌豆荚 这样的工具,让这些 工具 帮助你在电脑上安装手机的驱动;

4.首先 cd 切换到当前项目目录然后输入打包编译命令 react-native run-android

4.1打包运行项目,把打包好的项目部署到手机中!

  • 确保手机已经正确的链接到了当前电脑上,同时手机开启了开发者调试模式;可以使用adb devices来查看当前链接到电脑上的手机设备列表!
  • 当确认手机正确链接到电脑上之后,可以运行react-native run-android来打包当前项目,并把打包好的项目以调试的模式安装到手机中!

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

5.React Package窗口的作用

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


以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

The Little Typer

The Little Typer

Daniel P. Friedman、David Thrane Christiansen、Duane Bibby、Robert Harper、Conor Mcbride / MIT Press / 2018-10-16 / GBP 30.00

An introduction to dependent types, demonstrating the most beautiful aspects, one step at a time. A program's type describes its behavior. Dependent types are a first-class part of a language, and are......一起来看看 《The Little Typer》 这本书的介绍吧!

随机密码生成器
随机密码生成器

多种字符组合密码

HTML 编码/解码
HTML 编码/解码

HTML 编码/解码

XML 在线格式化
XML 在线格式化

在线 XML 格式化压缩工具