RN小红书

chanchaw大约 2 分钟react-native

开发环境

视频教程中使用的开发环境各个IDE的版本如下：

视频中 node 版本是 16.0.0
watchman 版本 4.9.0
JDK11
安装 Android Studio 后做如下配置
- 按照路径 Appearance & Behavior > System Settings > Android SDK > SDK Platforms 安装版本号11、12 在2025年6月2日下载安装的 Android Studio Meerkat Feature Drop | 2024.3.2 Patch 1 版本中 SDK Platforms 的路径是 Settings > Languages & Frameworks > Android SDK，也可以在 Settings 中通过搜索 Android SDK 找到
- 在上面 SDK Platforms 右边的 SDK Tools 中安装 Android SDK Command-line Tools(lastest)、Android Emulator(31.3.13)、Android SDK Platform-Tools(33.0.3) 在 2025年6月2日下载安装的版本 Android Studio Meerkat Feature Drop | 2024.3.2 Patch 1 已经自动安装了上面的工具
- 类似 java 要配置 android 的环境变量
```
# 下面是苹果系统中配置的环境变量
export ANDROID_HOME = $HOME/Library/Android/sdk
export PATH=$PATH:$ANDROID_HOME/emulator
export PATH=$PATH:$ANDROID_HOME/tools
export PATH=$PATH:$ANDROID_HOME/tools/bin
export PATH=$PATH:$ANDROID_HOME/platform-tools
```
- 不管是 windowns 或者 苹果 系统，只要是 intel 芯片，都直接使用 Android Studio 中的模拟器，如果苹果笔记本的芯片是 M1 则要使用其他方法
按照下面步骤创建 ReactNative 项目

# 1. 创建项目
# 创建最新版本的RN项目
npx react-native init AwesomeProject
# 创建指定版本号的RN项目
npx react-native init AwesomeProject --version x.xx.x
# 上面视频中创建项目的命令在2025年6月2日已经被弃用了，使用下面命令创建项目
npx @react-native-community/cli init [项目名称]

# 2. 安装依赖
# 在 cmd 中切换路径到刚刚创建的新项目下，执行下面命令安装依赖
# 安装 react-native 依赖
npm i
# 安装 android 依赖
gradle sync
# 视频中介绍需要 npm i 安装依赖，实际通过新的命令创建项目后并不需要执行 npm i

# 3. 打开项目，使用 Android Studio 打开项目时不是打开 ReactNative 项目，要打开该项目下的 android 的目录
# 4. 执行下面命令运行项目(运行之前要在IDE中启动android模拟器)：
npx react-native run-android
#可以通过命令：adb devices 查看当前已经运行的模拟器

RN小红书

# 开发环境

开发环境