React Native windows 环境下,安卓开发的整个安装配置全纪录

第一次安装使用react native 最后在同事的帮助下,终于安装成功了。在此记录一下。

https://www.react-native.cn/docs/environment-setup 这个是React Native 官网地址,主要是对照这个官网的文档来进行环境的配置。

根据自己的电脑,还有开发环境来选择相应的文档查看,比如我就是window环境下,安卓环境。

根据文档提示:需要安装的依赖有Node.js  ,jdk ,Androidstudio 

天真的我以为安装这些就结束了,其实还需要安装一个visual studio Code 作为编辑器,因为虽然安装了android studio 但是只是在搭建开发环境的时候起作用了,以后的开发中,不需要使用Androidstudio ,切记。

第二步:安装需要下载的工具,可以搜索相关的下载配置文章,此处不再多谈

第三步:配置相关的环境变量。node,js 是在下载安装之后,自动就配置了环境变量。需要配置jdk还有Android 的环境变量。

此处我需要说一下,配置java的环境变量有两三种方式。

自己可以使用自己熟悉的方式去配置环境变量。

此处我来截图,我最终的环境变量的截图配置:

1,java环境变量的配置截图:

Android的环境变量的配置:

还有就是Androidstudio中需要注意的点:截图展示

 SDK,与ndk选中的版本必须与文档中要求的一致。

环境变量都设置成功之后,就按照文档中进行模拟器或者真机的一个配置,

然后运行项目。

1.npx react-native init AwesomeProject 下载项目

2.cd AwesomeProject
yarn android
# 或者
yarn react-native run-android  此处要保证已经连接到手机或者虚拟机。 

最为一个安卓开发者,我在连接模拟器的时候,是通过as开发工具,连接模拟器。

所以在下载vs进行编辑之后,我就有一个疑问,接下来不用as 的话,如何连接模拟器,编辑代码之后如何运行。

首先有一个android 开发需要注意的点就是我们的开发工具自带保存功能,但是用vs 的话,需要ctrl +s 去保存,才能让你编辑的代码生效。这个要记住,切记!!!

下面来说一下,编辑以及运行。

首先在打开编辑器之后,打开模拟器。同时如上图所示,找到项目所在的地址,通过Git  输入命令 yarn android 。

只需要输入一次就可以,就可以。其余的改动,只需要crtl+s 保存就自动刷新了。

结束语:

反正此次应该就是栽在了环境变量的配置上面,多谢同事的帮助,下面接下来就是看相关的文档,进行开发。

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值