迈向新纪元编辑器

第一次据说Atom是半年前天猫的学姐说她在用这款编辑器，期间我从dw到st再到webstorm都分别作了项目~，可是做为一名拥抱开源的FE，怎么能拒绝github社区维护的项目呢？接着就让咱们感觉下Atom的骚气与强大吧。

 

Atom的优点

如何评价 Github 发布的文本编辑器 Atom？ 看看各个大神是如何评论Atom的。

为何选择Atom 来看看官方怎么说吧.

• 开源–遵循MIT协议，代码托管在github上面；
• 多平台支持–支持MAC/WIN/LINUX；
• 丰富的插件库和主题库；
• 类sublime–风格和sublime text极其类似,无论是风格仍是操做上,快捷键上一些是通用的；
• 采用包管理技术–采用了node.js来访问文件系统和包管理；
• 强大的生命力–背靠github社区,这对于atom来讲,能够注入源源不断的生命力。

基于网上看到的评论说Atom什么都好，就是会卡。相反我一点都没感受到卡，感受蛮流畅的。并且Atom在1.0后性能大大提高。(相信社区的力量)

经常使用快捷键

快捷键	说明
shift + cmd + p	命令版(能够看到全部快捷键)
cmd + \	显示或隐藏目录树
cmd + f	搜索当前文件
cmd+shift+f	搜索整个项目
alt + cmd + [	代码折叠
alt + cmd + ]	代码展开
cmd + /	快速注释当前行
cmd + [	代码左缩进
cmd + ]	代码右缩进
cmd + b	快速跳转打开的文件
alt+B或alt+left	光标按单词左移
alt+F或alt+right	光标按单词右移
cmd+right或ctrl+e	光标移动到行最右最后一个非空字符
cmd+left或ctrl+a	光标移动到行最左第一个非空字符
cmd + up	光标移动到文件头
cmd + down	贯标移动到文件尾
ctrl + g	行跳转, 语法为行号:列号
cmd + p	在整个项目里找到你须要的文件
cmd + t	全项目模糊查找关键字并跳转
cmd + g	查找下一个地方
cmd + F2或cmd+fn+f2	给某一行设置书签显示在行号右侧
Crtl+Shift+M	Markdown实时预览

alt+command+i

打开内置chromet调试界面

分离面板：先按一下 command + K 或者 ctrl + K ，而后松开按键，再按一下上，下，左，右这些箭头按键。

更多快捷键去Settings里面查看，以下图 

好用的插件

Atom自带apm包管理工具(相似npm)。

安装包 1.打开命令行工具 2.搜索包用的是 apm search <关键词> 3.找到想要的包之后，再用 apm install <包的名字>

• activate-power-mode 装逼必备，效果至关赞。PS：最新的版本(0.5.2)有升级性能，卡顿效果小不少了
• linter+linter-eslint 必备；代码校验工具
• autocomplete-paths 填写路径的时候有Sug提示
• pigments 让颜色相关的字符，在任何文件下均可以展现对应的高亮，强烈推荐
• color-picker 推荐；写CSS时很是方便的调色板
• docblockr 注释也优雅，一款用于写注释的插件。支持常见的各类语言
• emmet 必备；前端开发必备，谁用谁知道，入门地址：Emmet使用手册
• file-icons 推荐：让文件前面有彩色图片，看着很是享受
• csscomb 推荐前端使用。能够把CSS按照必定的顺序重排，看起来会更友好。
• git-plus Git插件；得先配置邮箱和用户名
• git-time-machine Git党必备；能够查看当前编辑文件的 ci history，diff 版本间改动；快捷键 alt-t
• javascript-snippets 推荐；各类缩写，值得拥有；固然，俺用的最多的是cl命令:)
• atom-beautify 必备；格式化代码的，快捷键ctrl-alt-b
• esformatter 统一代码格式用的
• Minimap 推荐；就是Sublime右边那一竖块，显示缩小版的代码
• terminal-panel 不是那么好用的CLI，勉强能凑活

小结

• Sublime用久了也有视觉疲劳，因此偶尔尝试下新编辑器也挺好，毕竟Atom号称“21世纪的编辑器”
• 免费(据说是暂时的)，因此没有Sublime那恶心的弹窗，你懂的
• 扩展能力叼爆，这就是webapp，界面啥都用CSS控制；扩展能够用JS开发，彻底能够深度定制打造本身的IDE嘛
• Github发布的编辑器，那么对Git的友好支持不用多说了
• Atom有中文社区：AtomChina
• 附上官网文档地址，请多关注：Atom Documentation