react-native从入门到实战系列教程一环境安装篇

充分阅读官网的环境配置指南，严格按照他的指导作业，不然你一直只能在web或沙箱环境下玩玩

• 极快的网络和科学上网，必备其中的一个
• 较好的心理忍受能力，因为上面一点就可以让你放弃
• 坚持不懈，努力尝试

成功效果

三大件

• 开发工具，as(andriod studio) 官网下载，免费使用
• avd手机模拟器，也可以真机看自己选择
• JDK，至少17版本
  
  vdm就是配置模拟器的，按官网的选择版本
  
  sdk的配置,最好不要放在c盘，很吃内存，可以瞬间就让你的c盘爆红，经验之一

系统全局环境配置，因为后面在cmd中会用到android的命令，所以要配置下

设置变量名

path里面进行配置，最下面那行

创建项目

npx react-native@latest init AwesomeProject

编译并运行 React Native 应用

• 确保你先运行了模拟器或者连接了真机，然后在你的项目目录中运行yarn android或者yarn react-native run-android：

cd AwesomeProject
yarn android
# 或者
yarn react-native run-android

可能会经过漫长的等待，会在命令行下载很多东西，切记要忍，还有会奇奇怪怪的错，要会排错！！

然后弹出这个界面，说明你的app已经真正的运行成功了！！！

这里有个https://services.gradle.org/distributions/资源包的下载链接，可以参考下

果不其然！！！cgs！！！下面就可以愉快的玩耍了

切记：多尝试几遍，我也是试了好几次，没有科学上网，全靠网速争气！！不要轻易放弃

---

补充:

• 报错1：gradle资源下载超时
  
• 解决方法：用国内的资源镜像

官网地址：https://services.gradle.org/distributions/

腾讯云镜像 Gradle下载地址：https://mirrors.cloud.tencent.com/gradle/

阿里云镜像 Gradle下载地址：https://mirrors.aliyun.com/macports/distfiles/gradle/

阿里云镜像 Gradle下载地址：https://mirrors.aliyun.com/gradle/

搜索对应的版本，修改配置文件里面的链接，即可

android\gradle\wrapper\gradle-wrapper.properties

distributionBase=GRADLE_USER_HOME
distributionPath=wrapper/dists
distributionUrl=https://services.gradle.org/distributions/gradle-8.5-all.zip
distributionUrl=https://mirrors.aliyun.com/macports/distfiles/gradle/gradle-8.5-all.zip
networkTimeout=10000
validateDistributionUrl=true
zipStoreBase=GRADLE_USER_HOME
zipStorePath=wrapper/dists

下载成功！！！！