记录一下React Native开发环境的搭建
安装Node
我这里使用的是Node16.16.0,下载Node.js (nodejs.org)。
安装Yarn
// 安装yarn
npm install -g yarn
安装JDk
安装 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