文章目录
  1. 1. ReactNative开发工具Nuclide搭建
    1. 1.1. 安装Atom
    2. 1.2. 安装Nuclide
    3. 1.3. 总结
    4. 1.4. 推荐
      1. 1.4.1. 安装方法同上

ReactNative开发工具Nuclide搭建

Facebook 于 2015 年 9 月 15 日发布了 React Native for Android 。React Native 让开发者使用 JavaScript 和 React 编写应用,利用相同的核心代码就可以创建 Web,iOS 和 Android 平台的原生应用。
这让很多人开始尝试ReactNative。

分享一个开源的开发工具Nuclide

Nuclide 是 Facebook 专门为 React 开发的 IDE ,既然是官方提供的 IDE ,就意味着拥有更好的语法补全、类型检查等支持。为了开发效率,不妨尝试一下这个 IDE 。

开源地址https://github.com/facebook/nuclide

安装Atom

Nuclide 其实是在 Atom 的基础上提供的一系列插件集。要使用 Nuclide ,首先需要先安装 Atom 。Atom 是 Github 所推出的一个开源编辑器,其最大的特点是使用 node.js 来作为其插件语言。

官网下载地址:Atom

安装Nuclide

(1)安装完 Atom 后,打开 Settings 面板,并点击 Install 选项卡,然后在搜索框中键入 nuclide-installer(安装可能需要翻墙) ,如图所示:

(2)还有一种方法,对Nuclide源代码编译安装, Nuclide项目官方地址:https://github.com/facebook/nuclide,我们知道该项目是facebook官方提供的

1
2
3
4
git clone https://github.com/facebook/nuclide.git
cd nuclide
npm install
apm link

总结

以上就环境搭建好就可以高效的开发ReactNative了。

推荐

除了nuclide还有一些比较好用的插件,推荐给大家:

  • react:React 的语法补全和智能重排;
  • react-snippets:React 的代码段;
  • vim-mode:Vim 键盘布局,适合 Vim 用户使用
  • save-session:让 Atom 记住上一次打开的会话;
  • browser-plus:在 Atom 中内嵌一个浏览器窗口,方便页面调试(其实 Atom 本身就是一个浏览器);
  • minimap:如果你对 Sublime Text 的 minimap 念念不忘;
  • atomic-emacs:Emacs 键盘布局,适合 Emacs 用户使用;

安装方法同上

文章目录
  1. 1. ReactNative开发工具Nuclide搭建
    1. 1.1. 安装Atom
    2. 1.2. 安装Nuclide
    3. 1.3. 总结
    4. 1.4. 推荐
      1. 1.4.1. 安装方法同上