React Native环境配置

概述

前面咱们介绍过在window环境下开发React Native项目，今天说说怎么在mac上搭建一个RN的开发环境。

配置mac开发环境

基本环境安装

1.先安装Homebrew：用于安装NodeJS和其余工具。 

注：Homebrew详解，对这个比较了解的略过，我也是用mac没多久，这里给小白普及下。 
Homebrew全称Homebrew is the easiest and most flexible way to install the UNIX tools Apple didn’t include with OS X。是一个包管理器，用于在Mac上安装一些OS X没有的UNIX工具（好比著名的wget），Homebrew将这些工具通通安装到了 /usr/local/Cellar 目录中，并在 /usr/local/bin 中建立符号连接。 
安装Homebrew:

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

而后一路回车 
 
最后出现success，就表示安装成功了。 

安装完成后，能够用brew doctor命令检测下是否有什么冲突的地方。关于Homebrew其余的介绍能够自行查看官网资料。

安装 Node.js

React Native 须要 NodeJS 4.0或更高版本，Homebrew的Node默认包是6.0版本的，因此直接安装便可：

 brew install node

安装React Native 命令行工具npm

以前咱们说过npm是一个包管理工具，它是用来管理node的，详细介绍请看npm详解 
命令行工具能够轻松建立和初始化工程：

npm install -g react-native-cli

注：若是出现错误 :EACCES: permission denied,使用命令: sudo npm install -g React-native-cli.

安装Yarn

Yarn是Facebook提供的替代npm的工具，能够加速node模块的下载。React Native的命令行工具用于执行建立、初始化、更新项目、运行打包服务（packager）等任务。

 

npm install -g yarn react-native-cli

其余建议安装

Watchman

Whtchman是Facebook开发的一个检测文件系统变化的工具，在RN开发中能够检测js文件等是否有变化，从而达到保存及编译的效果。这个在windows中也有，我的以为可装也能够不装，直接手机上reload也是能够的。

 brew install watchman

Flow

静态类型检查工具

 brew install flow

Nuclide

Facebook推出的一款React Native集成开发环境(IDE)，不过我不太喜欢，我通常用webstorm+Android/ios 的ide。

快速开发React Native

每次学习一门新的语言，咱们老是总喜欢来一个helloWord。

 

react-native init HelloWord

cd HelloWord 

react-native run-ios

 

注：也能够用Xcode打开iOS/HelloWord.xcodeproj 并点击Run按钮。 

小提示：react-native命令行从npm官方源拖代码时会赶上麻烦。请将 npm仓库源替换成淘宝的：

 

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

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

 

原文连接： http://blog.csdn.net/xiangzhihong8/article/details/53914336