OsX搭建react native开发环境

1.安装HomeBrew

简介

HomeBrew是OS X的套件包管理工具，有了brew我们可以在bash中通过命令安装和卸载套件。
它直接将套件安装到usr/local/下

brew安装

打开bash,输入下边的命令，敲回车

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

常用命令

brew search 搜尋套件
brew info 查詢套件資訊
brew list 已經裝了哪些套件
brew update 更新 homebrew 自己
brew install 安裝套件

2.安装nvm

nvm是node version manager的简称,用来管理nodejs
安装方式：
1）curl

curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.31.0/install.sh | bash

2）wget

wget -qO- https://raw.githubusercontent.com/creationix/nvm/v0.31.0/install.sh | bash

会将nvm安装到当前用户的根目录下

nvm根目录.png

常用命令：

nvm ls－remote    列举出nodejs已经发行的所有的版本 
nvm ls    列举出已经安装的nodejs版本 
nvm install 版本号    安装nodejs (可省略，省略后默认安装最新版本)
nvm use 版本号    使用哪个版本的nodejs  
nvm alias default 版本号     将某个版本设置成默认版本 

注意：切换版本后安装的nodejs子模块会安装到对应版本的node_modules中
nvm install 版本号之后，会将某版本的nodejs安装到下图所示的目录中

node的安装目录.png

而接下来npm -g install react-native-cli 会将该modules安装到以下目录

某node版本安装的modules的安装目录.png

3.安装watchman

Watchman是 facebook 的一个开源项目，它开源用来监视文件并且记录文件的改动情况，当文件变更它可以触发一些操作,例如执行一些命令等等。
在使用React Native时，官方推荐推荐安装watchman，否则你可能会遇到一个Node.js监视文件系统的BUG。
安装方法：

brew install watchman

4.安装flow

Flow 是 Facebook 旗下一个为 JavaScript 进行静态类型检测的检测工具。它可以在 JavaScript 的项目中用来捕获常见的 bugs，比如隐式类型转换，空引用等等。
安装：

  brew install flow

使用flow：

  在某个目录中执行flow init，会初始化并启动flow服务器，并且会创建.flowconfig文件，这样我们就可以对该目录及其子目录下的文件进行类型检查了，并且flow服务器会一直启动着，直到你执行了flow stop之后
  flow init
  flow check会检查带有@flow和@flow weak注解的文件
  flow check
  flow check --all会将不带有@flow注解的文件一起检查

5安装android studio

6安装Genymotion

7sublime3及插件安装

下载地址
刚安装上没有package control需要先安装－－在左下角的console中输入以下信息，回车：

import urllib.request,os; pf= 'Package Control.sublime-package'; ipp= sublime.installed_packages_path(); urllib.request.install_opener(urllib.request.build_opener(urllib.request.ProxyHandler())); open(os.path.join(ipp,pf),'wb').write(urllib.request.urlopen('[http://sublime.wbond.net/(http://sublime.wbond.net/)'+pf.replace(' ','%20')).read())

安装插件

1. command＋shift＋P会调出package control
2. 输入install，回车
3. 输入下边的插件名，搜索 安装

需要安装的插件
- EMMET(快速书写)
- ReactJs
- Termital(命令终端)
- react-native-snippets(rn的代码片段)