第一次安装使用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 保存就自动刷新了。
结束语:
反正此次应该就是栽在了环境变量的配置上面,多谢同事的帮助,下面接下来就是看相关的文档,进行开发。