美文网首页
在Mac搭建react-native iOS开发环境

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

作者: nextChallenger | 来源:发表于2019-01-17 21:30 被阅读17次

针对纯新手的一篇文章。

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

中文网搭建开发环境

官方网站教程

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

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

brew -v

未安装

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

homebrew官网

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

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

出现提示点击回车键继续,其他按键退出安装 输入电脑密码,输入过程中,此处不会变化,输入完毕点击回车即可 如果电脑没有安装好Xcode,可能出现这个问题,需要安装Xcode完毕后,再次安装homebrew

3.安装xcode

打开appstore,搜索xcode

选择Xcode点击安装

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

4.xcode安装组件

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

安装组件 Xcode安装成功

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

等待安装成功

6.使用homebrew安装node

brew install node

7.安装watchman

brew install watchman

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开发环境

      本文链接:https://www.haomeiwen.com/subject/spridqtx.html