react-native搭建开发环境(一)

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(十五)