@wjt blog @wjt blog
首页
  • react
  • react-native
  • webpack
  • 其他
  • docker
  • liunx命令
读书
收藏

@wjt

遇见知识
首页
  • react
  • react-native
  • webpack
  • 其他
  • docker
  • liunx命令
读书
收藏
  • react

  • react-native

    • macOS Android环境搭建
  • webpack

  • 其他

  • 前端
  • react-native
@wjt
2023-07-06

macOS Android环境搭建

  1. 安装基础依赖
  • brew install node
  • brew install watchman Watchman是由 Facebook 开发的一个工具,只要你的文件有一些变化,它就会自动重新运行你的项目
  • brew tap homebrew/cask-versions
  • brew install --cask zulu11
  1. 安装Android Studio
  • https://developer.android.com/studio 下载地址
  1. 设置Android Studio代理 image.png 代理地址 腾讯: https://mirrors.cloud.tencent.com/AndroidSDK/ 阿里: https://mirrors.aliyun.com/android.googlesource.com/
  2. 安装 Android SDK
  • Android SDK Platform:针对 Android 特定版本的 Android 平台组件,包括库、工具和框架等
  • System Image:针对特定处理器架构的 Android 系统镜像,该镜像主要用于在模拟器上模拟具有特定 CPU 和 Google API 的 Android 设备
  • Android SDK Build-Tools:帮助开发者快速创建android项目的助手 image.png image.png
  1. 配置 Android 环境变量 如果你用的是 Zsh,那么你需要修改 ~/.zprofile 或 ~/.zshrc 文件。如果你用的是 Bash,那么你需要修改 ~/.bash_profile 或 ~/.bashrc 文件。你可以使用自带的 vi 编辑器进行编辑
export ANDROID_HOME=$HOME/Library/Android/sdk 
export PATH=$PATH:$ANDROID_HOME/emulator 
export PATH=$PATH:$ANDROID_HOME/platform-tools
1
2
3
  1. 安装 Android 模拟器 image.png image.png image.png image.png
  2. 创建 React Native 项目 npx react-native@latest init AwesomeProject
  3. 启动项目 npx react-native start
  4. 生成软件包 ./gradlew assembleRelease
react自定义hook
构建速度和打包体积优化

← react自定义hook 构建速度和打包体积优化→

最近更新
01
find
07-06
02
cp
07-06
03
vim
07-06
更多文章>
Theme by Vdoing | Copyright © 2023-2023 @wjt | 浙ICP备2023018372号-1
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式