首先安装 node.js、yarn、react Native CLI 或 Expo CLI、JDK 及android Studio，并配置 ANDROID_HOME 环境变量和 SDK 路径；接着在vscode 中安装 ESLint、Prettier、react native Tools 等插件以提升开发效率；然后通过 npx react-native init 或 npx create-expo-app 创建项目，启动模拟器或连接设备后运行 npx react-native run-android 或 npx expo start 进行调试，确保 adb 和 Metro 服务正常。
在 VSCode 中搭建完整的 React Native开发环境，核心在于配置好开发工具链和编辑器支持。重点是安装 Node.js、React Native CLI 或 Expo、android studio（用于安卓）以及 VSCode 的必要插件。下面分步骤说明如何高效完成配置。
安装基础依赖
开始前确保系统已安装以下工具：
- node.js：推荐使用 LTS 版本（如 18.x 或 20.x），React Native 依赖 Node 运行脚本。
- npm 或 Yarn：包管理工具，建议全局安装 Yarn 以提升依赖管理效率。
- React Native CLI 或 Expo CLI：
- 使用命令 npm install -g @react-native-community/cli 安装 CLI。
- 或使用 Expo 简化流程：npm install -g expo-cli。
- java Development Kit (JDK)：Android 开发需要 JDK 11 或更高版本。
- Android Studio：安装后配置 Android SDK，确保包含 SDK Tools、Platform Tools 和对应 API 版本。
配置 Android开发环境
若目标平台为 Android，需正确设置环境变量：
- 设置 ANDROID_HOME 环境变量指向 SDK 路径，例如：
C:UsersYourNameAppDataLocalAndroidSdk（windows）或
~/Library/Android/sdk（macos）。 - 将 $ANDROID_HOME/platform-tools 和 $ANDROID_HOME/tools 加入系统 PATH，以便使用 adb 等命令。
- 创建并配置 AVD（Android Virtual Device）用于模拟器运行。
配置 VSCode 开发支持
VSCode 本身不运行 React Native 项目，但通过插件可极大提升开发体验：
- ESLint：实时检查 代码规范，配合 Prettier 格式化代码。
- Prettier – Code Formatter：统一代码风格，保存时自动格式化。
- React Native Tools：提供调试支持、命令面板快捷操作（如启动打包服务、Reload 等）。
- auto Rename Tag 和 Path Intellisense：提升html-like 标签和路径补全效率。
安装完成后，在项目根目录配置 .eslintrc.js 和 prettierrc 文件以启用规则。
创建并运行项目
使用以下命令初始化项目：
- 使用 React Native CLI：
npx react-native init MyProject - 使用 Expo 更简单：
npx create-expo-app MyProject，然后进入目录运行 npx expo start
连接设备或启动模拟器后，在 VSCode 终端执行：
- npx react-native run-android（安卓）
- 或通过 Expo 扫码在手机预览
调试时可在 VSCode 中设置断点，通过 React Native Tools 启动调试会话。
基本上就这些。环境一旦配好，后续新建项目会快很多。关键是路径别出错，尤其是 Android 相关变量。遇到问题优先检查 adb 设备连接和 Metro 打包服务是否正常启动。
