基本的环境安装

首先， 我们使用mac， 当然少不了安装它的开发工具xcode啦， xcode是mac下的ios客户端app开发利器， 我们如果不知道电脑中是否安装了xcode， 可以通过在vim中输入以下的内容进行检查

1

xcode-select --install

当我们正常安装了Xcode的时候会报错， 提示我们xcode已经正常安装， 但是当我们没有安装的时候， 这行命令就会帮我们进行安装xcode了

其次， 使用苹果开发， homebrew也是一必备利器， 我们需要使用它来安装watchman和flow

watchman是facebook的一个开源项目， 用它来监视文件并且记录文件的改动情况

flow是一个JavaScript静态类型检查器，用于找出JavaScript代码中的类型错误

最后, 我们需要安装一个yarn作为替代npm的工具, 来进行安装应用, 并设置yarn的默认安装路径为淘宝镜像, 设置好之后我们就可以直接通过使用yarn命令从淘宝国内站点请求到我们需要的数据了

1
2

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

安装完这些之后, 就可以先安装一个react-native脚手架出来玩一下啦

我们使用之前全局安装的react-native命令对脚手进行自动安装

1

react-native init MyAwesomeProject

当我们需要指定版本的时候, 可以在后面加上一个--version参数, 后面加上版本号就可以安装对应版本的react-native工程了

安装好之后, 万事俱备只欠东风了, 现在我们进入到项目工程中, 把项目跑起来

1
2

cd MyAwesomeProject
react-native run-ios

注意, 可能很多同学会和我一样在这里运行之后就只能看到一个ios的首界面了

为什么呢? 原因是因为最新版的react-native需要安装下载boost库, 而因为这个库过大, 所以很容易就导致下载出现问题

解决方案有两种, 第一是选择降级方案, 选择一个低版本的react-native进行安装, 当然, 这样做会牺牲掉一部分对最新版本特性的体验了

1

react-native init MyApp --version 0.44.3

第二种方案是选择科学上网来将需要的内容下下来, 并复制到需要的地方

这里提供一个网上的大神提供的
在这里我们需要将下载内容替换一下