一. 环境搭建--Windows
1. 下载最新版本Node (v20.10.0)
2. 安装node
全部默认 一路next
3. 验证
cmd 执行"node -v"命令
显示"v20.10.0" 代表安装成功
4.切换npm淘宝源
npm config set registry https://registry.npm.taobao.org/
查看镜像使用状态：
npm config get registry
5. 配置android环境(OK)
6. 配置ios开发环境(todo)
7. 安装yarn(可选)
Yarn是 Facebook 提供的替代 npm 的工具，可以加速 node 模块的下载。
npm install -g yarn
二.新建RN项目
1. 执行初始化命令
// 默认使用最新版RN 0.73
npx react-native@latest init AwesomeProject
// 可选 指定RN版本
npx react-native@latest init AwesomeProject --version X.XX.X
2. 创建项目&运行项目
cd AwesomeProject
yarn android
# 或者
yarn react-native run-android
3. 注意报错:
C:\RNProjects\HelloWorld\AwesomeProject>yarn android
yarn run v1.22.21
$ react-native run-android
error Cannot start server in new window because no terminal app was specified.
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
这个是RN新版本的bug,官方正在修复,我们使用临时替代方案
github.com/react-nativ…
npm run start 代替 yarn android
后续需要再次指定运行平台
info Dev server ready
i - run on iOS
a - run on Android
d - open Dev Menu
r - reload app
后续输入 a 继续编译即可
4. 注意下载gradle超时
// 修改gradle配置 使用腾讯镜像
// 文件
AwesomeProject\android\gradle\wrapper\gradle-wrapper.properties
// 将
distributionUrl=https\://services.gradle.org/distributions/gradle-8.3-all.zip
// 修改为
distributionUrl=https\://mirrors.cloud.tencent.com/gradle/gradle-8.3-all.zip
