从零开始生成一个ios react-native项目

step1 配置环境

以下为必须安装的软件！！

1. Homebrew：是一款自由及开放源代码的软件包管理系统，用以简化Mac OS X系统上的软件安装过程。

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

   注：homebrew在安装软件时可能会碰到/usr/local目录不可写的权限问题EACCES: permission denied，使用以下命令修改权限。

   sudo chown -R `whoami` /usr/local
   

2. Node： 是一个基于 Chrome V8 引擎的 JavaScript 运行环境

   • React Native目前需要NodeJS 5.0或更高版本。

   brew install node
   

   • 安装完node后设置npm镜像以加速后面的过程（或使用科学上网工具）。注意：不要使用cnpm！cnpm安装的模块路径比较奇怪，packager不能正常识别！

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

3. Yarn：一个包管理器，你可以通过它使用全世界开发者的代码，或者分享自己的代码,是Facebook提供的替代npm的工具yarn代替npm install，可以加速node模块的下载。

   npm install -g yarn react-native-cli
   

   • 设置镜像源

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

4. Xcode： Apple 平台开发者工具集, React Native目前需要Xcode 8.0 或更高版本 下载链接

5. Watchman： Facebook提供的监视文件系统变更的工具,packager可以快速捕捉文件的变化从而实现实时刷新。

   brew install watchman
   

step2 生成项目

1. 初始化一个新项目

   • 注意：init命令默认会创建最新的版本，而目前最新的0.45及以上版本需要下载boost等几个第三方库编译。这些库在国内即便翻墙也很难下载成功，导致无法运行iOS项目

   • 解决方案：

     a. 安装0.44.3版本

     react-native init AwesomeProject --version 0.44.3
     

     b.下载第三方库 网盘链接 下载完成后，放置到~/.rncache

     # 进入~目录，即用户目录
     cd ~   
     # 创建目录，如果已经存在就不用创建了
     mkdir .rncache
     # 依次复制文件
     cp ~/Downloads/boost_1_63_0.tar.gz ~/.rncache/ 
     

2. 启动Xcode，打开AwesomeProject/ios 并运行

• 注意：项目会占用8081端口，启动之前确保该端口没有被占用!

  lsof -i:8081
  kill -9 端口号
  

注意：第一次运行较慢，要耐心等待 启动页：

主页：

3. 使用你喜欢的一款编辑器打开整个文件AwesomeProject （个人推荐使用的是vscode~>.<）

4. 下面可以根据自己的需求修改index.ios.js

• 修改后cmd+s保存文件，虚拟机使用cmd+r刷新，即可见更改内容。

结语

至此，一个简单的ios react-native项目就完成了~~