React Native 开发工具之 Atom 配置

开发工具推荐

Posted by Mio4kon on 2016-10-14

React Native Atom 配置

插件

nuclide

安装完成后,进入设置,勾选:

Install recommended packets on startup

重启Atom

js-hyperclick

`hyperclick`在`nuclide`安装后会自动安装,但需要配合`js-hyperclick`才能进行**定义跳转**.

Platformio Ide Terminal

可以内置命令行,不用介绍了,神器.

Ctrl+`可以打开/关闭命令行.

Atom Beautify

格式化代码.我将快捷键改成alt-cmd-l,这样和Android Studio 统一.

修改方法:点击Atom选择keymap.cson.

输入下面内容:

1
2
'atom-text-editor':
'alt-cmd-l': 'atom-beautify:beautify-editor'

调试RN代码

  1. 打开刚才安装的内置命令行,进入到rn项目,运行react-native run-android

  2. cmd+shift+p 输入react native debug,如下图:

  3. 真机或虚拟器选项栏选择Start Remote Js Debug

  4. over