React Native学习网站与环境搭建

一、学习网址

React Native 中文网 · 使用React来编写原生应用的框架

二、环境搭建（以下步骤的搭建平台是macOS iOS）

1.必须安装的依赖

Node、Watchman、Xcode 和 CocoaPods。

1）安装Node

2）安装Watchman

3）替换淘宝镜像

4）安装Yarn，可以加速node模块的下载

5）初始化项目

6）初始化项目的时候进行报错，是因为我们必须使用18版本以上的Node.js，以上我们下载的是16的版本

7）去Node.js查看最新版本的Node.js是哪个版本，最好安装LTS（长期稳定支持的版本）

​​​​​​​

8）全局安装n命令，使用n命令更新Node.js版本

9）使用n命令安装最新的Node.js（注意，需要使用sudo来安装）

10）使用node -v命令查看一下我们的node版本，发现还是v16

11）使用node -v命令的时候可能会发现，虽然我们在第一步的时候已经安装了node，使用还是会找不到node命令的情况，此时需要使用brew link --overwrite node@16来链接一下node命令

12）可以从第10步看到，我们安装的20的版本是存放在/usr/local/bin/node目录下，而我们使用的node是存放在/opt/homebrew/bin/node里面，安装的位置不一样，所以安装的新的版本没有生效，我们需要替换位置vim ~/.bash_profile

13）替换完成以后需要再次重新安装，查看版本就为最新的版本

14）再次初始化项目，如果我们安装的最新版的node，我们可以执行@lastest命令去初始化，但是我们安装的是稳定版，所以直接可以init

15）项目初始化完成

16）在ios设备上进行运行，需要注意的是，一定要切换到项目目录下

17）发现没有安装ios-deploy，执行brew命令进行安装

18）安装完成以后在重新运行项目，发现还是报错，原因是我们没有启动服务器

19）使用npx react-native start命令启动服务器

20）启动完成项目就可以运行了，运行的结果如下

​​​​​​​

三、安装nvm安装指定版本的node

1.终端下载nvm

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.38.0/install.sh | bash
 

2.安装指定版本

nvm install 14.20.0

3.查看当前版本

SF01435715MACNU:~ 01435715$ node -v
v14.20.0
SF01435715MACNU:~ 01435715$ npm -v
6.14.17
SF01435715MACNU:~ 01435715$ nvm install 14.20.0