从零开始搭建React Native完整原生环境（保姆级）

欢迎使用 React Native！这篇文档会帮助你搭建基本的 React Native 开发环境。

许多不同类型的人都在使用 React Native：从高级 iOS 开发人员到 React 初学者，再到职业生涯中第一次开始编程的人。

根据你所使用的操作系统、针对的目标平台不同，具体步骤有所不同。如果想同时开发 iOS 和 Android 也没问题，你只需要先选一个平台开始，另一个平台的环境搭建只是稍有不同。 

官网地址： React Native 中文网

必须安装的依赖有：Node、JDK 和 Android Studio。

虽然你可以使用任何编辑器来开发应用（编写 js 代码），但你仍然必须安装 Android Studio 来获得编译 Android 应用所需的工具和环境。

 正文开始

一、下载安装 Node 和Java SE Development Kit (JDK)

 下载安装nodeNode.js官网

注意：强烈建议始终选择 Node 当前的 LTS （长期维护）版本，一般是偶数版本，不要选择偏实验性质的奇数版本。

 一、安装node

可以直接去node官网下载对应的node版本，但是我推荐使用NVM，因为NVM可以很方便的切换版本，避免后续接手旧项目还得很麻烦的处理node降级的问题。
NVM的安装使用后续会出详细教程，尽请期待……

 1.node安装教程

 

 

安装位置最好不要进行改动 

 

 

 

一些npm模块需要在安装时从C/C++编译。如果您希望能够安装这些模块，则需要安装一些工具(Python和Visual Studio Build tools)。如有需要可进行勾选。

勾选后node安装完成时会自动弹出powershell窗口，安装Python和Visual Studio Build tools和相关依赖

注意：勾选时请注意C盘空间，将下载安装将近20G左右的相关依赖包！！！

 下面就直接点击Install进行安装即可，因为我已经安装过下面的内容就不展示了

 

 2.使用node -v指令来测试node有无安装成功

node -v
v18.16.0

 3.安装yarn

注意：不要使用 cnpm！cnpm 安装的模块路径比较奇怪，packager 不能正常识别！

Yarn是 Facebook 提供的替代 npm 的工具，可以加速 node 模块的下载。

第一步骤已经安装了node，现在可以打开cmd执行以下命令；

npm install -g yarn

个人习惯使用pnpm，和yarn作用功能一样。

npm install -g pnpm

安装完 yarn 之后就可以用 yarn 代替 npm 了，例如用yarn代替npm install命令，用yarn add 某第三方库名代替npm install 某第三方库名。

注意：如果vscode编译器的终端输入yarn的命令报错“无法将 yarn 项识别为…”，原因是vscode中的集成终端使用的是powershell，那么我们就需要设置一下powershell的执行权限。

设置powershell的执行权限：

1.在开始搜索框(win+s)中搜索powershell