IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 移动开发 -> mac安装rn的android环境 -> 正文阅读

[移动开发]mac安装rn的android环境

1 当前电脑信息:MacBook Pro (13-inch, 2017, Two Thunderbolt 3 ports) 处理器:2.3 GHz 双核Intel Core i5
2 打开rn的英文文档: https://reactnative.dev/docs/environment-setup. 中文文档: https://www.react-native.cn/docs/environment-setup.中英文文档还是有点区别
3 按照文档我们一步步往下操作
3-1 下载Android-Studio 下载地址https://developer.android.google.cn/studio/
3-2 下载完后打开 下一步下一步 不用设置代理 之后就是这个界面
在这里插入图片描述

1 打开上面截图的More Actions现在我们去选择SDK Manager 然后按照官网下载对应的版本

在这里插入图片描述

2 再次来到More Actions中选择 Virtual Device Manager进入安装 安卓模拟机,版本根据你项目需要兼容到那个安卓版本。

3 配置环境变量

1 配置.zshrc文件和.bash_profile文件 我按照官网在终端输入echo $0是zsh但是我还是配置了.bash_profile 光配置.zshrc我这有问题, 建议都加上
2 开始配置
终端输入:
2-1: cd ~ 进入根目录
2-2: vi ~/.zshrc 进入到.zshrc文件中就会出现如下,因为我配了所以有下面的内容
![在这里插入图片描述](https://img-blog.csdnimg.cn/45855a4f0aa84289a9025e20856d363e.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5Z2a5Z2a772e,size_20,colo

2-3 进入之后不要动 按 i 键进入 insert模式也就是编辑模式这时候
2-4 复制官网中的环境变量
bash export ANDROID_HOME=$HOME/Library/Android/sdk export PATH=$PATH:$ANDROID_HOME/emulator export PATH=$PATH:$ANDROID_HOME/tools export PATH=$PATH:$ANDROID_HOME/tools/bin export PATH=$PATH:$ANDROID_HOME/platform-tools
复制完后按 esc推出编辑模式 并且 输入 :wq 保存并退出
2-5 使用source $HOME/.zshrc命令来使环境变量设置立即生效(否则重启后才生效)。可以使用echo $ANDROID_HOME检查此变量是否已正确设置。
在这里插入图片描述

4 重复上面的操作 把.zshrc 改成 .bash_profile重复类似操作

5 安装java JDK

brew install adoptopenjdk/openjdk/adoptopenjdk11

你可能没安装Homebrew 注意不要用官网的命令安装 非常慢并且容易失败
国内的镜像安装地址
链接: https://gitee.com/cunkai/HomebrewCN?_from=gitee_search.我装的是标准版选择的是清华镜像源也装了挺久的但是成功了,中间可能会出现让你输入密码注意下

6 执行上面的jdk安装命令

brew install adoptopenjdk/openjdk/adoptopenjdk11

在这里插入图片描述

7 创建一个空项目

7-1 新建一个文件夹 在该文件夹下打开终端输入

npx react-native init AwesomeTSProject --template react-native-template-typescript

在这里插入图片描述

最终会出现这个情况,提示是CocoaPods下载失败,这时候我们是不能跑ios项目的,但是android还是可以运行起来的,来到该文件夹下面找到该项目执行:

npm i
npm run android

在这里插入图片描述
这样android就成功了

7-1这个问题我代理也开了 还是一直失败就没管了,目前是做android,有大佬知道怎么解决欢迎评论·

  移动开发 最新文章
Vue3装载axios和element-ui
android adb cmd
【xcode】Xcode常用快捷键与技巧
Android开发中的线程池使用
Java 和 Android 的 Base64
Android 测试文字编码格式
微信小程序支付
安卓权限记录
知乎之自动养号
【Android Jetpack】DataStore
上一篇文章      下一篇文章      查看所有文章
加:2022-03-10 22:41:17  更:2022-03-10 22:42:55 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/24 19:01:25-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码