1.安装node
brew install node
//检查
node -v
//简单测试
$ node
> 1+1
> 2
2.安装watchman
brew install watchman
3.安装yarn、react-native-cli
npm install -g yarn react-native-cli
4.安装JDK
详细安装方式windows版:https://www.runoob.com/java/java-environment-setup.html
Mac系统默认安装1.8版本
5.安装android studio
❗️使用其自动化安装Android开发环境
下载地址:https://dl.google.com/dl/android/studio/install/3.2.0.26/android-studio-ide-181.5014246-mac.dmg
下载完成后不用激活,只需要下载相关的开发环境配置
Android Studio 默认会安装最新版本的 Android SDK。目前编译 React Native 应用需要的是
Android 9 (Pie)
版本的 SDK(注意 SDK 版本不等于终端系统版本,RN 目前支持 android4.1 以上设备)。你可以在 Android Studio 的 SDK Manager 中选择安装各版本的 SDK。你可以在 Android Studio 的欢迎界面中找到 SDK Manager。点击"Configure",然后就能看到"SDK Manager"。
SDK Manager 还可以在 Android Studio 的"Preferences"菜单中找到。具体路径是Appearance & Behavior → System Settings → Android SDK。
在 SDK Manager 中选择"SDK Platforms"选项卡,然后在右下角勾选"Show Package Details"。展开
Android 9 (Pie)
选项,确保勾选了下面这些组件(重申你必须使用稳定的翻墙工具,否则可能都看不到这个界面):
Android SDK Platform 28
Intel x86 Atom_64 System Image
(官方模拟器镜像文件,使用非官方模拟器不需要安装此组件)然后点击"SDK Tools"选项卡,同样勾中右下角的"Show Package Details"。展开"Android SDK Build-Tools"选项,确保选中了 React Native 所必须的
28.0.3
版本。你可以同时安装多个其他版本。最后点击"Apply"来下载和安装这些组件。
❗️内容取自React Native 中文网下载安装好了就可以关闭软件了,环境变量默认已加载
至此开发环境搭建完成 !
本专栏其他文章:
react-native搭建开发环境(一)react-native初始化项目(二)
react-native连接终端或模拟器调试项目(三)
react-native创建APP启动页欢迎页(四)
react-native创建底部导航标签页(五)
react-native创建二级页面设置路由导航(六)
react-native屏幕适配文本间距适配(七)
react-native模块添加,导入导出模块(八)
react-native布局样式stylesheet使用(九)
react-native自定义组件组件传值(十)
react-native网络请求fetch使用(十一)
react-native使用第三方库以及引入react-native-elements(十二)
react-native开发目录工程化,命令行工程化配置(十三)
react-native应用签名与打包apk(十五)