前面对React Native开发工具Atom做了一个详细的介绍,详见RN开发IDE详解。Atom作为一款前端开发利器,有很多的插件供我们选择,这里罗列常见的可以提高我们开发效率的插件给大家介绍一下。
Atom的简体中文语言包,完整汉化,兼容所有已发布的版本Atom。
左边菜单栏显示方式,类似Mac OS下的finder。
类似sublim text右边的代码缩略图。
该插件是用jshint来检查代码,想必大家都听说过jshint代码检查工具,它有一个配置文件.jshintrc,这个文件告诉jshint执行的检查规则。通过jshint能发现代码中存在的问题,可以及时避免bug的发生。linter-jshint插件基于atom规则来使用jshint,该插件可以在项目根目录下新建一个.jshintrc来告诉检查规则,也可以不用创建此文件来进行代码检查。注意:linter-jshint是依赖linter插件来使用的,也就是说必须先安装linter插件;因为linter是一个粗糙的检查,有很多针对专门项的代码检查,如linter-csslint、linter-php等等
用来使javascript代码格式化。
提供git版本控制操作的命令,个人感觉不是很好用,还是terminal比较习惯。
file-types用来区分文件类型的,file-types-icon用来给不同的问题类型添加不同的图标。
这款插件是用来支持zend-coding,Emmet的前身是大名鼎鼎的Zen coding,如果你从事Web前端开发的话,对该插件一定不会陌生。它使用仿CSS选择器的语法来生成代码,大大提高了HTML/CSS代码编写的速度。
html标签自动比较。
该插件能对一个对象中拥有的对外提供的属性和方法都能通过suggest的形式提示出来,能对一个对象对外提供的接口有一个选择过程,可以理解为js代码自动提示。
html页面预览。
bootstrap3代码提示插件。
ftp管理工具,命令和图形化界面都支持。
文件路径自动提示,相当的犀利。
代码格式化,可以定制化风格。
浏览器兼容。
颜色取值器,也是相当的不错。
ctrl-shift-s保存所有打开的文件cmd-shift-o 打开目录cmd- 显示或隐藏目录树ctrl-0焦点移到目录树,目录树下,使用a,m,delete来增加,修改和删除cmd-t或cmd-p 查找文件cmd-b在打开的文件之间切换cmd-shift-b 只搜索从上次git commit后修改或者新增的文件
ctrl-p 前一行ctrl-n 后一行ctrl-f 前一个字符ctrl-b 后一个字符alt-B, alt-left 移动到单词开始alt-F, alt-right 移动到单词末尾cmd-right, ctrl-E 移动到一行结束cmd-left, ctrl-A 移动到一行开始cmd-up 移动到文件开始cmd-down移动到文件结束ctrl-g移动到指定行 row:column 处cmd-r 在方法之间跳转
cmd-,cmd-k ,cmd-b 显示(隐藏)目录树ctrl-0 焦点切换到目录树(再按一次或者Esc退出目录树)a 添加文件d将当前文件另存为(duplicate)i显示(隐藏)版本控制忽略的文件alt-right 和 alt-left展开(隐藏)所有目录ctrl-al-] 和 ctrl-al-[ 展开(隐藏)所有目录ctrl-[ 和 ctrl-] 展开(隐藏)所有目录 cmd-k h 或者 cmd-k left 在左半视图中打开文件cmd-k j或者cmd-k down在下半视图中打开文件ctrl-shift-C复制当前文件绝对路径
ctrl-T使光标前后字符交换cmd-J将下一行与当前行合并ctrl-cmd-up, ctrl-cmd-down使当前行向上或者向下移动cmd-shift-D复制当前行到下一行cmd-K, cmd-U使当前字符大写 cmd-K, cmd-L使当前字符小写
ctrl-shift-K删除当前行cmd-backspace删除到当前行开始cmd-fn-backspace删除到当前行结束ctrl-K剪切到当前行结束alt-backspace 或 alt-H删除到当前单词开始alt-delete 或 alt-D删除到当前单词结束
cmd-shift-f在整个工程中查找cmd-F在buffer中查找alt-shift-S查看当前可用代码片段
alt-cmd-[折叠alt-cmd-] 展开alt-cmd-shift-{ 折叠全部alt-cmd-shift-}{ 展开全部cmd-k cmd-N { 指定折叠层级 N为层级数
ctrl-space提示补全信息
cmd-alt-Z checkout HEAD 版本cmd-shift-B 弹出untracked 和 modified文件列表alt-g down, alt-g up在修改处跳转alt-G O在github上打开文件alt-G H在github上打开文件historyalt-G C拷贝当前文件在gihub上的网址