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

猜你喜欢

转载自blog.csdn.net/qq_43658148/article/details/134889509