React Native入门篇—第一步软件安装和环境配置

本人学习React Native没有看过任何教学视频，都是按照官网一步步学习的。只研究了Android开发，所以下面的教程都是Android开发教程。

注意：未经允许不可私自转载，违者必究

React Native官方文档：https://reactnative.cn/docs/getting-started/

项目地址GitHub地址：https://github.com/zhouwei1994/nativeCase.git

需要安装的软件（开发需要）：

• Node：http://nodejs.cn/download/  Node 的版本必须高于 8.3
• Python2:https://www.python.org/downloads/  官方要求版本为2.x，本人安装的是2.7的版本，不可安装3.x的
• Java SDK：https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html  JDK 的版本必须是 1.8（目前不支持 1.9 及更高版本） 
• Android Studio：https://developer.android.google.cn/studio/  直接下载
   

安装 Yarn镜像（创建APP和安装npm依赖包需要）：

Yarn是 Facebook 提供的替代 npm 的工具，可以加速 node 模块的下载。React Native 的命令行工具用于执行创建、初始化、更新项目、运行打包服务（packager）等任务。根据下面的步骤在cmd的窗口运行：

npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global

//React Native 的命令行工具
npm install -g yarn react-native-cli

//安装完 yarn 后同理也要设置镜像源
yarn config set registry https://registry.npm.taobao.org --global
yarn config set disturl https://npm.taobao.org/dist --global

注意：不要使用 cnpm！cnpm 安装的模块路径比较奇怪，packager 不能正常识别！，以后安装任何依赖包都用yarn，不要使用cnpm、npm很容易报错的，经验之谈。

Android Studio SDK下载（启动|开发APP需要）：

进入 SDK Manager页面：

1.在上图界面点击"Configure"，然后就能看到"SDK Manager"。

2.在开发界面上面菜单点击“Tools => SDK Manager”。

在 SDK Manager 中选择"SDK Platforms"选项卡，然后在右下角勾选"Show Package Details"。展开Android 8.1 (Oreo)选项，确保勾选了下面这些组件（重申你必须使用稳定的工具，否则可能都看不到这个界面）：

Android SDK Platform 27

Intel x86 Atom_64 System Image（官方模拟器镜像文件，使用非官方模拟器不需要安装此组件）

然后点击"SDK Tools"选项卡，同样勾中右下角的"Show Package Details"。展开"Android SDK Build-Tools"选项，确保选中了 React Native 所必须的27.0.3版本。你可以同时安装多个其他版本。

最后点击"Apply"来下载和安装这些组件。

注意：在 SDK Manager 头部有一个Android SDK Location地址，把这个保存起来，后面的配置 ANDROID_HOME 环境变量需要用到。

 

配置 ANDROID_HOME 环境变量（启动|开发APP需要）：

React Native 需要通过环境变量来了解你的 Android SDK 装在什么路径，从而正常进行编译。

打开控制面板 -> 系统和安全 -> 系统 -> 高级系统设置 -> 高级 -> 环境变量 -> 新建

1.创建一个名为ANDROID_HOME的环境变量（系统或用户变量均可），指向你的 Android SDK 所在的目录（就是上一步保存的SDK路径，请看上面红字）：

2. 配置java SDK环境变量请参考：https://jingyan.baidu.com/article/15622f2434bc5cfdfcbea51c.html

你需要关闭现有的命令符提示窗口然后重新打开，这样新的环境变量才能生效。

软件安装基本到这里了，因为我电脑之前学习的时候安装了的，可能有遗漏的地方。

注意：未经允许不可私自转载，违者必究