React Native开发之IDE（Atom+Nuclide）安装，运行，调试

欢迎Follow我的Github，博客会同步在Github的Blog仓库更新。也可以关注CSDN博客的React Native分类

• Github地址： LeoMobileDeveloper

---

前言

工欲善其事，必先利其器

好像在哪听到一句话，”满级程序员不需要IDE，不需要自动补全，不需要静态语法检查”。对于这种言论，我只想说bullshit。

IDE对于开发还是很重要的，而React Native开发官方推荐使用Atom＋Nuclide插件。本文会详细的介绍，如何配置好这个环境，并且以一个示例工程为例，介绍如何利用这套环境进行开发，与运行，调试，断点。

使用Nuclide你能够

• 配合flow进行静态语法检查，自动补全
• 方便的debug
• 进行版本控制，方便diff
• iOS模拟器Log

对了,为了从零开始，我卸载了之前安装好的atom和对应的插件

---

Mac/Windows/Linux

推荐还是用Mac开发React Native，因为iOS运行需要Mac的环境。而且，用Mac的话，也比较省心。

本文的所有流程，均以Mac为例

---

准备工作

本文默认读者已经安装好了React Native，如果没有安装好，可以按照官网的讲解安装，很简单，本文侧重IDE

注意，如果没有安装watchman 和Flow，建议安装

安装watchman－自动监听文件内容变化，刷新数据

brew install watchman

如果提示没有安装brew

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

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

brew install flow

如果你之前安装了flow或者watchman,建议更新到最新版本

brew upgrade watchman
brew upgrade flow

---

安装Atom

下载地址
这个没什么难的，解压缩之后，把Atom从下载目录，拖到应用程序目录即可。
打开Atom，你看到的界面应该是这样的

---

安装Nuclide

这里，我们在Atom中，用图形化界面来安装。

点击菜单栏：Atom->Preferences,或者可以”Command+,”快捷打开

然后，在Install Packets的输入框中，输入nuclide，出现的第一个就是我们想要安装的，点击install