React Native开发环境搭建

259 阅读1分钟

记录一下React Native开发环境的搭建

安装Node

我这里使用的是Node16.16.0,下载Node.js (nodejs.org)

安装Yarn

// 安装yarn
npm install -g yarn

安装JDk

下载[Java Downloads | Oracle]

安装 Android Studio

首先下载和安装(Android Studio)。 下载安装界面中选择"Custom"选项,确保选中了以下几项:

  • Android SDK
  • Android SDK Platform
  • Android Virtual Device

安装需要的版本SDK

在欢迎界面中找到 SDK Manager。点击"Configure",然后就能看到"SDK Manager"。然后在右下角勾选"Show Package Details"。展开Android 13 (Tiramisu)选项,:

  • Android SDK Platform 33

然后点击"SDK Tools"选项卡,同样勾中右下角的"Show Package Details"。展开"Android SDK Build-Tools"选项,确保选中了 React Native 所必须的33.0.0版本。最后点击"Apply"来下载和安装这些组件。

ANDROID_HOME环境变量

新建环境变量ANDROID_HOME指向你安装的SDK的目录

C:\Users\用户名\AppData\Local\Android\Sdk

工具目录添加到环境变量 Path

%ANDROID_HOME%\platform-tools  
%ANDROID_HOME%\emulator  
%ANDROID_HOME%\tools  
%ANDROID_HOME%\tools\bin

安装夜神模拟器

(夜神安卓模拟器-安卓模拟器电脑版下载_安卓手游模拟器_手机模拟器_官网 (yeshen.com))

正常安装,然后将 - C:\Users\用户名\AppData\Local\Android\Sdk\platform-tools中的adb.exe复制一份改名nox_adb.exe,替换模拟器安装目录Nox\bin中的文件。

检查模拟器

  • 打开夜神模拟器,设置切换到手机模式
  • cmd 中 adb devices来检查设备状态,如果夜神模拟器正常显示则关联完成

创建项目直接使用npx

// 创建项目
npx react-native init AwesomeProject
// 启动项目
yarn android