在Mac搭建react-native iOS开发环境

针对纯新手的一篇文章。

假设有一台刚刚重装系统的mac。或者崭新的mac电脑。

中文网搭建开发环境

官方网站教程

按照官方教程,需要使用homebrew安装node和watchman。

1. 打开终端,查看电脑是否安装homebrew

brew -v

在Mac搭建react-native iOS开发环境_第1张图片
未安装

2.如果没有安装,则需要安装homebrew

homebrew官网

打开官网查看安装方法,粘贴指令到终端

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

在Mac搭建react-native iOS开发环境_第2张图片
出现提示点击回车键继续,其他按键退出安装


在Mac搭建react-native iOS开发环境_第3张图片
输入电脑密码,输入过程中,此处不会变化,输入完毕点击回车即可


在Mac搭建react-native iOS开发环境_第4张图片
如果电脑没有安装好Xcode,可能出现这个问题,需要安装Xcode完毕后,再次安装homebrew

3.安装xcode

打开appstore,搜索xcode


在Mac搭建react-native iOS开发环境_第5张图片
选择Xcode点击安装

安装过程中,需要输入Apple ID,输入自己已有的账号即可。


4.xcode安装组件

Xcode安装完毕后,需要打开运行一下,这个时候会提示需要安装一些组件,点击同意即可


在Mac搭建react-native iOS开发环境_第6张图片
安装组件


在Mac搭建react-native iOS开发环境_第7张图片
Xcode安装成功

5.打开终端,再次执行安装homebrew的指令


在Mac搭建react-native iOS开发环境_第8张图片
等待安装成功

6.使用homebrew安装node

brew install node

在Mac搭建react-native iOS开发环境_第9张图片

7.安装watchman

brew install watchman

在Mac搭建react-native iOS开发环境_第10张图片

8.(可选)设置镜像或者科学上网,以加速后面的安装过程

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

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

9.下载yarn

npm install -g yarn react-native-cli

10.设置yarn镜像

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

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

11. 创建项目

react-native init AwesomeProject

12.环境搭建完毕

你可能感兴趣的:(在Mac搭建react-native iOS开发环境)