欢迎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