React-Native项目环境搭建

282 阅读2分钟

前言

最近公司采购了一批新电脑,那我肯定不能放过,直接申请->同意,好,领电脑,nice,打开电脑,新的就是香,配置也比我之前的高了很多,非常满意,开始配环境吧,顺便记录一下rn的项目环境搭建过程。

1.node安装:

建议:不要直接装node,nvm不香吗?本人用了nvm之后再也不想直接装Node了,nvm传送带,装完之后直接用nvm下载并管理Node版本,本人下了两个版本:

image.png

2.jdk安装

废话不多说,直接上官方链接,www.oracle.com/java/techno… 这里我下载的是17版本 image.png 直接next-next-finish安装,自己更换地址

image.png 接着用javac --version验证一下是否安装正确:

image.png

3.安装android stadio:

先去官网下载:developer.android.google.cn/studio?hl=z…

image.png

安装过程不用我说,统统next,建议选customer,自定义安装环境

image.png

4.安装android sdk:

打开android studio->serttings去下载android sdk,存放地址自己配ww,后面更改环境变量就行:(本人下的版本是34)

image.png

image.png

5.配置android SDK环境变量:

image.png

包括sdk下的一些文件夹,也需要配置到环境变量中:

image.png

(记得要去看一下有没有这几个文件,如果缺了,说明SDK下的有问题)

一般会缺少tools文件夹,因为没下~~,为什么?因为没看到。。。。

image.png

配置完去cmd看一下有没有:

image.png

6.下载模拟器:(不需要的可以略过这一步)

可以用android studio内置的模拟器,但是我一般不用,怕卡,走外置模拟器,这里下载的是雷电模拟器,下载完成后通过adb connect命令连接模拟,雷电模拟器的默认端口号是5555,连接后可以通过adb devices命令查看是否脸上:

image.png

7.启动项目服务:

打开rn项目,yarn命令下载依赖包,然后yarn android跑起来,第一次跑巨慢,因为要下载很多包:

image.png

等着吧!