使用react-native基础环境搭建

Myth丶恋晨 2022-10-01 08:45 151阅读 0赞

## Android Studio开发window环境搭建  ##

### Android 开发环境搭建  ###

### 下载jdk  ###

> 在这里你可以点击 [**\[链接**][Link 1] **\]** 去下载

**操作步骤按照下图进行操作**

> **点进去以后是这么个页面**

**傻瓜式操作**

### 接下来是配置环境变量 ###

> 小娜搜索

变量名：JAVA\_HOME  
变量值：当然是你安装的jdk目录了

> 编辑Path变量值  
>

在Path值的前头加上 %JAVA\_HOME%\\bin;

> CLASSPATH变量  
>

看一下如果你的系统变量中没有CLASSPATH变量，就新建一个输入变量值

.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;复制代码

> 测试  
>

好了，现在我们来测试一下我们的环境变量是否配置成功 “开始”--“cmd”打开我们的dos命了窗口输入

javac复制代码

# 安装Android Studio #

地址： [www.android-studio.org/][www.android-studio.org]

> 现在的安装包一般没有sdk安装，直接下一步，不要慌

成功安装后，

# Android Studio配置 #

加载本地配置信息提示

刚开始打开的时候会问我们是否加载本地的配置信息，其实就是android studio的配置环境信息等，如果你以前没有用过，忽略掉就好了。直接按默认的点ok启动android studio

接下来如果还有，直接Cancel

这时候我们需要sdk

[附上链接https://www.androiddevtools.cn/][https_www.androiddevtools.cn]

> 安装完以后是这个样子

### 设置sdk的环境变量 ###

设置adb环境变量【用来链接手机，这里不过多阐述】

验证

基础环境以搭建完成

### 这里需要着重强调必须node版本为10以上 ###

> 如何安装node就不都在过多阐述

**\*\*\* 安装 react-native-cli \*\*\***

npm install -g react-native-cli复制代码

**安装完成后，通过 react-native-cli -v 查看版本，确定是否安装成功**

### 初始化项目 ###

到指定目录下，通过命令行初始化一个项目：

react-native init NewProject复制代码

随后开始初始化项目，下载资源：

运行项目

来到项目根目录下，通过输入如下命令来运行项目：

react-native run-android复制代码

输入命令后，项目开始初始化运行，运行过程中会打开一个 node 服务窗口，如下所示：

然后重新输入命令 react-native run-android 来初始化运行项目，程序首先会解压 gradle 压缩文件，第一次初始化可能需要一点时间：

初始化完成后，项目运行成功，可以在手机上看到如下界面：

转载于:https://juejin.im/post/5cde850de51d4510bd65c732

[Link 1]: https://link.juejin.im?target=http%3A%2F%2Fwww.oracle.com%2Ftechnetwork%2Fjava%2Fjavase%2Fdownloads%2Findex.html
[www.android-studio.org]: https://link.juejin.im?target=http%3A%2F%2Fwww.android-studio.org%2F
[https_www.androiddevtools.cn]: https://link.juejin.im?target=https%3A%2F%2Fwww.androiddevtools.cn%2F

发表评论取消回复

表情：

评论列表（有 0 条评论，151人围观）

还没有评论，来说两句吧...

相关阅读

相关 ReactNative之搭建环境

天就帮助大家想做RN开发的朋友们整理一下搭建环境的步骤，本文是根据官方文档整理的，只是本文会讲的更俗一点。官方文档链接： * 中文：[https://r...

你的名字/ 2024年04月18日 21:24/ 0 赞/ 52 阅读

相关 1 ReactNative VSCode 搭建开发环境

以下使用vscode 安装环境 1.Vscode安装扩展插件React Native Tools 2.安装nodejs 3.安装 jdk1.8（也称为jdk 8

桃扇骨/ 2022年11月26日 14:57/ 0 赞/ 250 阅读

相关使用react-native基础环境搭建

Android Studio开发window环境搭建 Android 开发环境搭建下载jdk > 在这里你可以点击 [\[链接][Link 1] \]

Myth丶恋晨/ 2022年10月01日 08:45/ 0 赞/ 152 阅读

相关 openstack搭建--1--基础环境搭建

openstack 介绍: OpenStack是一个由NASA（美国国家航空航天局）和Rackspace合作研发并发起的，以Apache许可证授权的自由软件和开放源代码项目。

ゞ浴缸里的玫瑰/ 2022年06月11日 04:15/ 0 赞/ 383 阅读

相关 reactnative环境搭建

参考网站： > 搭建开发环境 - React Native 中文网 > [https://reactnative.cn/docs/0.51/getting-started

川长思鸟来/ 2022年05月30日 12:16/ 0 赞/ 252 阅读

相关 ReactNative初学1-环境搭建

ReactNative 环境搭建参考 rn中文网https://reactnative.cn/docs/getting-started.html

﹏ヽ暗。殇╰゛Y/ 2022年05月16日 09:37/ 0 赞/ 217 阅读

相关 Linux 基础环境搭建

文章目录 JDK Tomcat MySQL Redis Git Maven Nginx MongoDB 我的环境：

小鱼儿/ 2022年02月16日 12:18/ 0 赞/ 331 阅读

相关 Java基础---环境搭建

1、什么是JDK，JRE 简单而言，使用JDK的开发工具完成的java程序，交给JRE去运行。 JDK(Java Development Kit Java开发工具包)

红太狼/ 2021年09月23日 19:56/ 0 赞/ 382 阅读

相关 centos基础环境搭建

centos7 离线安装oracle centos6在线安装oracle 11gR2 安装流程： https://www.linuxidc.com/Linux/20

深碍√TFBOYSˉ_/ 2021年09月07日 20:46/ 0 赞/ 444 阅读

相关 MyBatis--基础环境搭建

建表 DROP TABLE IF EXISTS `t_user`; CREATE TABLE `user` ( `uid` tinyint(2

妖狐艹你老母/ 2021年08月13日 14:48/ 0 赞/ 493 阅读