搭建reactNative开发环境

633 阅读2分钟

前言:
6 月 21 日,React Native 0.72 正式发布!版本增加了 Metro 强烈要求的功能,改进了错误处理和其他开发者体验方面的改进。其中很多工作都是根据 2022 年社区调查中提供的反馈进行优先考虑的。

这让我想起还没毕业那会,初次接触reactNative的时候,装个环境都把我搞自闭了,写这篇文章的目的也是希望能给那些初次接触reactNative的同学,少走一些弯路,不会直接被劝退。

第一步: (安装Node)

根据如下链接下载Node,并进行安装。  建议使用LTS稳定版本

nodejs.org/zh-cn/downl…

第二步: (安装JDK)

从这个网址下载并且安装最新的JDK版本

www.oracle.com/br/technica…

第三步:(安装python)

下载并且安装python

第四步: (安装android studio)

安装android studio,第一次安装会默认给你安装最新的SDK,你可以在设置更改SDK版本,reactNative最低6.0版本

developer.android.com/studio/

注意:这个SDK安装路径,配置环境需要用到,我是写教程所以我直接丢到C盘了

第五步:(配置环境变量)

经过上面的步骤,我们所有需要的软件安装完毕,接下就是环境变量的配置了

ANDROID_HOME: (SDK保存的位置)

JAVA_HOME:  (jdk保存的位置)

在Path路径下确保添加了SDK\JDK\python的路径

第六步: (创建属于你的RN项目)

经过上面的步骤我们就可以开始创建属于自己的ReactNative项目了,

// 安装react-native-cli脚手架npm install -g react-native-cli
// 创建typescript的RN版本react-native init AkSya--template react-native-template-typescript
// 运行react-native run-android

在andorid studio开启AVD Manager创建虚拟机,然后运行reatNative项目即可

运行成功的界面如下:

参考链接
React Native New Architecture
React Native tips — Setting Up your Development Environment (for Windows)