使用react-native基础环境搭建

1,852 阅读2分钟

Android Studio开发window环境搭建 

Android 开发环境搭建 

下载jdk 

在这里你可以点击[链接]去下载 

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

点进去以后是这么个页面



傻瓜式操作

接下来是配置环境变量

小娜搜索






变量名: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/


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







成功安装后,

Android Studio配置

加载本地配置信息提示



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


接下来如果还有,直接Cancel


这时候我们需要sdk

附上链接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 压缩文件,第一次初始化可能需要一点时间:


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