601
技术社区[云栖]
React Native开发之ATOM开发实用技巧
前面对React Native开发工具Atom做了一个详细的介绍，详见RN开发IDE详解。
Atom作为一款前端开发利器，有很多的插件供我们选择，这里罗列常见的可以提高我们开发效率的插件给大家介绍一下。
ATOM常用插件
1、simplified-chinese-menu
Atom的简体中文语言包，完整汉化，兼容所有已发布的版本Atom。
2、tree-view-finder
左边菜单栏显示方式，类似Mac OS下的finder。
3、minimap
类似sublim text右边的代码缩略图。
4、linter和linter-jshint
该插件是用jshint来检查代码，想必大家都听说过jshint代码检查工具，它有一个配置文件.jshintrc，这个文件告诉jshint执行的检查规则。通过jshint能发现代码中存在的问题，可以及时避免bug的发生。linter-jshint插件基于atom规则来使用jshint，该插件可以在项目根目录下新建一个.jshintrc来告诉检查规则，也可以不用创建此文件来进行代码检查。
注意：linter-jshint是依赖linter插件来使用的，也就是说必须先安装linter插件；因为linter是一个粗糙的检查，有很多针对专门项的代码检查，如linter-csslint、linter-php等等
5、linter-js-standard
用来使javascript代码格式化。
6、git-plus
提供git版本控制操作的命令，个人感觉不是很好用，还是terminal比较习惯。
7、file-types和file-types-icon
file-types用来区分文件类型的，file-types-icon用来给不同的问题类型添加不同的图标。
8、emmet
这款插件是用来支持zend-coding，Emmet的前身是大名鼎鼎的Zen coding，如果你从事Web前端开发的话，对该插件一定不会陌生。它使用仿CSS选择器的语法来生成代码，大大提高了HTML/CSS代码编写的速度。
9、autoclose-html
html标签自动比较。
10、atom-ternjs
该插件能对一个对象中拥有的对外提供的属性和方法都能通过suggest的形式提示出来，能对一个对象对外提供的接口有一个选择过程，可以理解为js代码自动提示。
11、atom-html-preview
html页面预览。
12、atom-bootstrap3
bootstrap3代码提示插件。
13、Remote-FTP
ftp管理工具，命令和图形化界面都支持。
14、autocomplete-paths
文件路径自动提示，相当的犀利。
15、atom-beautify
代码格式化，可以定制化风格。
16、autoprefixer
浏览器兼容。
17、color-picker
颜色取值器，也是相当的不错。
ATOM快捷键大全
文件切换
保存所有打开的文件
打开目录
显示或隐藏目录树
焦点移到目录树，目录树下，使用a，m，delete来增加，修改和删除
查找文件
在打开的文件之间切换
只搜索从上次git commit后修改或者新增的文件
导航
前一行
后一行
前一个字符
后一个字符
移动到单词开始
移动到单词末尾
移动到一行结束
移动到一行开始
移动到文件开始
移动到文件结束
移动到指定行 row:column 处
在方法之间跳转
目录树操作
显示(隐藏)目录树
焦点切换到目录树(再按一次或者Esc退出目录树)
添加文件
将当前文件另存为(duplicate)
显示(隐藏)版本控制忽略的文件
展开(隐藏)所有目录
展开(隐藏)所有目录
展开(隐藏)所有目录
在左半视图中打开文件
在下半视图中打开文件
复制当前文件绝对路径
编辑和删除文本
基本操作
使光标前后字符交换
将下一行与当前行合并
使当前行向上或者向下移动
复制当前行到下一行
使当前字符大写
使当前字符小写
删除和剪切
删除当前行
删除到当前行开始
删除到当前行结束
剪切到当前行结束
删除到当前单词开始
删除到当前单词结束
查找和替换
在整个工程中查找
在buffer中查找
查看当前可用代码片段
折叠
折叠
展开
折叠全部
展开全部
指定折叠层级 N为层级数
自动补全
提示补全信息
git操作
checkout HEAD 版本
弹出untracked 和 modified文件列表
在修改处跳转
在github上打开文件
在github上打开文件history
拷贝当前文件在gihub上的网址
最后更新：2017-05-02 23:52:09