React Native (RN)项目在web、Android和IOS上运行

必须切换淘宝镜像,否则会一直拉取失败

1、环境搭建：

https://reactnative.cn/docs/environment-setup

2、一键清理 Node 依赖与 npx 缓存，在项目根目录执行： （如果有旧的RN cli）

//删除项目依赖
rm -rf node_modules//删除 npm 锁文件（如存在）
rm -f package-lock.json yarn.lock//清理 npm 全局缓存
npm cache clean --force// 删除 npx 临时缓存
rm -rf ~/.npm/_npx

3、启动顺序

在vscode 终端中先启动(项目根目录)

//只启动 Metro 打包服务（开发服务器）
npx react-native start

然后在另一个终端中启动（如果只执行，这一步，会自动在外面窗口启动 Metro，会报一些错误：如error (0 , _util.styleText) is not a function.）

//启动 Metro + 编译并安装 Android 应用到设备上
yarn android / npx react-native run-android
//OR
yarn ios

4、常用命令

Node 是“运行环境”，npm 是“它自带的包管理工具”。

node -v
v22.12.0
npm -v
11.6.2
nvm ls
nvm use v22.12.0

5、Android 预览

6、IOS 预览