React Native 官网

http://facebook.github.io/react-native/docs/getting-started.html#content

中文网站

http://reactnative.cn/docs/0.43/getting-started.html

一 、安装Homebrew

⚠️如果你电脑上没有装Xcode 的话，请先安装好Xode 之后再安装Homebrew

（1）Homebrew是什么

Homebrew 官网 https://brew.sh/index_zh-cn.html

Homebrew is the easiest and most flexible way to install the UNIX tools Apple didn’t include with macOS.（Homebrew是一个包管理器，用于在Mac上安装一些OS X没有的UNIX工具）。

Homebrew是一款Mac OS平台下的软件包管理工具，拥有安装、卸载、更新、查看、搜索等很多实用的功能。简单的一条指令，就可以实现包管理，而不用你关心各种依赖和文件路径的情况，十分方便快捷。

（2）安装

打开终端输入以下命令

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

然后回车就会出现下面的这样

image

再次回车

image

输入电脑的登录密码，然后等待一会儿安装就完成了。

（3）一些常见的命令

安装完成之后在终端输入brew doctor 验证brew是否安装成功。

brew doctor

查看brew 常用的命令，在终端输入brew help

brew help

结果示例

Example usage:
brew search [TEXT|/REGEX/]
brew (info|home|options) [FORMULA...]
brew install FORMULA...
brew update
brew upgrade [FORMULA...]
brew uninstall FORMULA...
brew list [FORMULA...]

Troubleshooting:
brew config
brew doctor
brew install -vd FORMULA

Developers:
brew create [URL [--no-fetch]]
brew edit [FORMULA...]
http://docs.brew.sh/Formula-Cookbook.html

Further help:
man brew
brew help [COMMAND]
brew home

安装软件 brew install 软件名字（例如git）

brew install git

卸载软件 brew uninstall 软件名字（例如git）

brew uninstall wget

卸载软件brew remove XXX

brew remove wget

检索软件 brew search part_of_package_name 、brew search /regular_expression/

brew search git

检查指定包是否已经安装 brew list | grep package_home

下载安装包但不安装 brew fetch package_name

查看安装包信息 brew info package_name

访问指定包的homepage brew home package_name

列出安装包的内容 brew list package_name

更新安装包 brew upgrade package_name

列出系统上安装的所有包brew list

brew list

更新所有安装包brew update（更新自己）

brew update

⚠️brew 安装的软件存放在 /usr/local/Cellar 中，同时会在 /usr/local/bin, /usr/local/sbin, /usr/local/lib 中创建链接。你可能需要将 /usr/local/sbin 添加到搜索路径中。

（4）卸载brew在终端输入（没有亲自测试不知是否可用）

cd `brew –prefix`
rm -rf Cellar
brew prune 
rm `git ls-files` 
rm -rf Library .git .gitignore bin/brew
rm  -rf README.md share/man/man1/brew
rm -rf Library/Homebrew Library/Aliases 
rm -rf Library/Formula Library/Contributions
rm -rf ~/Library/Caches/Homebrew

⚠️在Mac OS X 10.11系统以后，/usr/local/等系统目录下的文件读写是需要系统root权限的，以往的Homebrew安装如果没有指定安装路径，会默认安装在这些需要系统root用户读写权限的目录下，导致有些指令需要添加sudo前缀来执行，比如升级Homebrew需要：

1. 对/usr/local 目录下的文件读写进行root用户授权

$ sudo chown -R $USER /usr/local

示例

$ sudo chown -R wentianen /usr/local

2.（推荐）安装Homebrew时对安装路径进行指定，直接安装在不需要系统root用户授权就可以自由读写的目录下

<install path> -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

参考文章
http://blog.csdn.net/andanlan/article/details/51589800

二、安装node、Watchman

You will need Node.js, Watchman, the React Native command line interface, and Xcode.

We recommend installing Node and Watchman using Homebrew. Run the following commands in a Terminal after installing Homebrew: （我们建议您使用Homebrew安装Node和Watchman。在安装Homebrew后，在终端中运行以下命令：
）
在终端输入下面的命令

brew install node
brew install watchman

Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance.（Watchman ）（Watchman是Facebook的工具，用于监视文件系统的更改。强烈建议您安装它以获得更好的性能。

Node.js comes with npm, which lets you install the React Native command line interface.

三、创建一个简单的工程

Run the following command in a Terminal:（Node.js带有npm，它允许您安装React Native命令行界面。 在终端中运行以下命令）

npm install -g react-native-cli

（Use the React Native command line interface to generate a new React Native project called "AwesomeProject", then run react-native run-ios inside the newly created folder.
使用React Native命令行界面生成一个名为“AwesomeProject”的新的React Native项目）

react-native init AwesomeProject

我们可以再系统根目录下面看到新创建的工程

image

然后再终端中进入这个工程

cd AwesomeProject
react-native run-ios

然后会打开一个终端窗口如下，切记不要关闭这个终端窗口。

image

程序跑起来的效果（默认使用的是iphone 6的模拟器）

image

用文本编辑器打开工程里面的index.ios.js 文件。

image

打开后我们进行一些简单的文本替换，然后按command + s 保存修改

image

然后选择模拟器按Command+ r就可以重新编译程序。

image

总结：在家闲着没事瞎搞的，如果写的又不对的地方，请大家指出来，我会修正的。