React Native开发环境搭建

1.安装Homebrew，简称brew，是Mac OSX上的软件包管理工具，能在Mac中方便的安装软件或者卸载软件

 

2.安装node，brew install node

 

3.使用 homebrew 安装 watchman，一个来自Facebook 的观察程序，通过配置 watchman，React 实现了在代码发生变化时，完成相关的重建的功能：

brew install watchman

 

安装flow－提供静态语法检查，自动补全：

brew install flow

 

4.React Native 有很多的依赖，需要在运行之前安装好。在 React Native 文件目录下打开一个终端，执行下面代码：

npm install

 

5.这里通过 Node 包管理器抓取到项目的所有依赖；功能上和 CocoaPods 或者 Carthage 类似。成功执行该命令后，你会发现一个 node_modules 文件夹被创建，包含了各种外部依赖。

 

6.npm start

 

7.初始化项目

react-native init AwesomeProject

cd AwesomeProject

react-native run-ios

 

运行效果：

 

IDE：

Atom+Nuclide（官方推荐）

Atom插件：

Nuclide 是 Facebook 推出的一套基于 Atom 的开发工具集。用于开发基于 Hack 的 Web 应用。提供自动完成和 JavaScript 类型检查，内建 React 开发支持，并支持 Facebook 最新的 React Native 库，支持 Facebook 的 Flow JavaScript 类型检查器。

直接以插件的形式安装nuclide

 

atom-beautify：Beautify HTML, CSS, JavaScript, PHP, Python, Ruby, Java, C, C++, C#, Objective-C, CoffeeScript, TypeScript, Coldfusion, SQL, and more in Atom

 

Atom HTML Preview