迈向新纪元编辑器

第一次听说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

 

posted @ 2017-01-17 04:15 牧云云 阅读(...) 评论(...) 编辑 收藏