react native如何启动

如何启动 React Native 项目

安装 Node.js 和 npm
确保已安装 Node.js（建议版本 16 或更高）和 npm（Node.js 自带）。可通过以下命令检查版本：

node -v
npm -v

安装 React Native CLI
全局安装 React Native 命令行工具：

npm install -g react-native-cli

创建新项目
使用 CLI 初始化项目（替换 MyProject 为你的项目名）：

npx react-native init MyProject

配置开发环境
根据目标平台（iOS/Android）安装必要依赖：

• iOS：需安装 Xcode 和 CocoaPods（仅 macOS 支持）。
• Android：需安装 Android Studio、JDK 及配置环境变量。

启动项目
进入项目目录并运行：

• iOS（macOS 专属）：

  cd MyProject
  npx react-native run-ios

• Android：

  cd MyProject
  npx react-native run-android

验证运行
默认情况下，应用会在模拟器或连接的设备上启动。确保已开启 Android 模拟器或 iOS 模拟器。

常见问题解决

• Android 设备未识别：启用 USB 调试模式，或检查 adb devices 是否列出设备。
• iOS 构建失败：尝试通过 Xcode 打开 ios/MyProject.xcworkspace 手动构建。
• 依赖问题：删除 node_modules 并重新运行 npm install。

其他启动方式

使用 Expo
Expo 提供快速启动的替代方案，无需原生环境配置：

npm install -g expo-cli
expo init MyProject
cd MyProject
expo start

通过 Expo Go App 扫描二维码即可在真机上预览。

调试工具
启动后，可通过以下方式调试：

• 摇动设备打开开发者菜单（模拟器快捷键：iOS Cmd+D，Android Cmd+M）。
• 使用 Chrome 或 Flipper 进行性能分析。