react native如何搭建
搭建React Native开发环境
确保系统已安装Node.js(建议版本12或更高)。可以通过命令行检查Node.js和npm版本:
node -v
npm -v
安装React Native命令行工具:
npm install -g react-native-cli
安装Android开发环境(针对Android开发)
下载并安装Android Studio。安装完成后,确保勾选以下组件:
- Android SDK
- Android SDK Platform
- Android Virtual Device
配置环境变量:
- 在系统变量中添加
ANDROID_HOME,路径为Android SDK的安装目录(如C:\Users\username\AppData\Local\Android\Sdk) - 将Android SDK的
platform-tools和tools目录添加到PATH中
安装iOS开发环境(针对iOS开发)
仅限macOS系统,需安装Xcode。通过App Store安装Xcode后,打开Xcode并安装命令行工具:
xcode-select --install
创建React Native项目
使用以下命令创建新项目:
npx react-native init ProjectName
进入项目目录:
cd ProjectName
运行React Native应用
运行Android应用:
npx react-native run-android
运行iOS应用:
npx react-native run-ios
配置调试工具
安装React Native调试工具:
npm install -g react-devtools
启动调试工具:
react-devtools
常见问题解决
如果遇到watchman相关问题,安装Watchman:
brew install watchman
如果Android模拟器无法启动,确保已通过Android Studio创建AVD并启用虚拟化技术(Intel HAXM或AMD Hyper-V)。







