React Native 使用入门笔记(一）环境搭建

Z时代
2024-01-10
分类：综合

react

标题背景

最近公司接了一个项目，需要做移动端，由于没有IOS相关的人员，为了减少学习成本，就打算使用的混合开发的技术。简单了解了一下，现有跨平台方案有：Flutter,React Native，Weex和Cordova这种hybride开发。考虑了一下技术的运行速度，支持平台，生态环境，上手速度。还是决定了使用React Native。主要是因为：

客户需求简单，性能要求不高。

React Native发展时间久，依赖和资料比较多。

团队内有前端经验的人多，上手较快。

环境搭建

环境搭建这一块，其实官网地址写的就很清楚了。如果懒得打开也可以直接看下面。
必须安装的依赖有：Java，Node，Python2，Android Studio。
注意 Node 的版本必须大于等于 10，不要使用cnpm，Python 的版本必须为 2.x（不支持 3.x），而 JDK 的版本必须是 1.8（目前不支持 1.9 及更高版本）。
Java环境设置方法
node环境设置方法
Python环境设置方法

Android环境设置

1，安装Android Studio。

下载地址：https://developer.android.com/studio/index.html。如果没有科学上网，可以使用下面的地址：https://www.androiddevtools.cn/。

2，安装Android SDK。

Android Studio自带SDK，目前必须安装Android 9 (Pie)版本的 SDK。也可以在 Android Studio 的Appearance & Behavior → System Settings → Android SDK下，自己手动设置SDK路径。

SDK 默认是安装目录：c:\Users\你的用户名\AppData\Local\Android\Sdk

3，配置 ANDROID_HOME 环境变量

打开控制面板 -> 系统和安全 -> 系统 -> 高级系统设置 -> 高级 -> 环境变量 -> 新建，创建一个名为ANDROID_HOME的环境变量（系统或用户变量均可），指向你的 Android SDK 所在的目录（具体的路径可能和下图不一致，请自行确认）：

4，配置platform-tools 环境变量

打开控制面板 -> 系统和安全 -> 系统 -> 高级系统设置 -> 高级 -> 环境变量，选中Path变量，然后点击编辑。点击新建然后把 platform-tools 目录路径添加进去。默认路径为：c:\Users\你的用户名\AppData\Local\Android\Sdk\platform-tools。

至此，开发环境已经配置完成了。可以打开AS创建一个原生Android工程试试，是否可以正常运行。

#创建新React Native项目