Mac 端搭建React Native环境以及遇到的问题

一. 环境搭建流程（iOS）

1.安装Homebrew，Homebrew是osX 系统的包管理工具

官方文档给出的下载指令：

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" 由于镜像源问题该指令并不能正常下载，更换为国内镜像源：

/bin/zsh -c "$(curl -fsSLhttps://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"

2.安装Node&Watchman

brew install node  

node 安装完成后终端执行 node -v  查看node版本，确保版本在10以上  

安装完 node 后建议设置 npm 镜像（淘宝源）以提高使用速度。npm 是node内置的包管理工具，npm里面包含一个工具npx ,让npm包中的命令行工具和其他可执行文件在使用上变得更加简单

# 使用nrm工具切换淘宝源     npx nrm use taobao

brew install watchman

Watchman是由 Facebook 提供的监视文件系统变更的工具。安装此工具可以提高开发时的性能

3.安装Yarn

npm install -g yarn

Yarn是 Facebook 提供的替代 npm 的工具，可以加速 node 模块的下载

4.安装Xcode与cocoapods

Xcode 是iOS开发工具  在App Store 下载安装即可

cocoapods 是iOS开发中第三方依赖的管理工具，安装过程比较繁琐，安装过程和可能遇到的问题请查看以下链接：

安装教程： https://www.jianshu.com/p/f43b5964f582

安装出现问题：https://my.oschina.net/u/2603560/blog/4944126

5.React Native命令行工具

npm install -g yarn react-native-cli

6.项目创建与运行

创建项目：npx react-native init AwesomeProject  （AwesomeProject为项目名）

运行项目：cd AwesomeProject

                    yarn iOS

二.项目运行中可能会出现的问题

1. yarn  iOS运行项目后报以下错误

解决方法：换国内镜像，依次执行以下三个方法：

$ cd ~/.cocoapods/repos

$ pod repo remove master

$ git clone https://mirrors.tuna.tsinghua.edu.cn/git/CocoaPods/Specs.git master

然后记得去自己项目的iOS文件夹里里把podfile文件的source换了

source 'https://mirrors.tuna.tsinghua.edu.cn/git/CocoaPods/Specs.git'

然后再次cd 到项目iOS目录下 执行  pod install 命令

2.执行pod install命令后报以下错误

ld: library not found for -lCocoaAsyncSocket clang: error: linker command failed with exit code 1

configure: error: C compiler cannot create executables See `config.log' for more details

timeOut 

这些错误主要是由于下载三方的过程中存在需要用到国外镜像源，下载比较缓慢，建议不要使用wifi换成自己的网络下载，过程中报错后，重复执行 pod install 直到下载完成即可

三.运行成功效果