迈向新纪元编辑器
第一次听说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