React Native 开发 IDE（Atom + Nuclide）

React Native开发官方推荐使用Atom＋Nuclide插件
使用Nuclide你能够

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

一、安装Atom

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

二、安装Nuclide

这里，我们在Atom中，用图形化界面来安装。
点击菜单栏：
Atom->Preferences,或者可以Command+快捷打开
然后，在Install Packets的输入框中，输入nuclide，出现的第一个就是我们想要安装的，点击install

image.png

三、新建一个应用

react-native init RN_01

点击 Add Project Folder

image.png

再在右侧目录双击index.ios.js,你看到的应该是这样的界面

image.png

3.1自动补全

我们在这一行上面，输入 fun

class Demo extends Component {

会看到

然后，会车，你就会发现自动生成了方法

function functionName() {}

3.2类型标注

将光标放到上文提到的functionName

上，你会发现如图，就是出现了这个方法的类型

这时候，点击出现的针头，那么这个类型标注就会一直显示在界面上