开发编辑器Atom 插件推荐和快捷键整理

前言

在 前端学习 开发编辑器 Atom使用配置 中主要介绍了Atom的基础概念和对前端的一些插件配置，以及一些基础技巧。这篇文章就介绍在不断使用Atom开发过程中的一些Atom的使用技巧。

这篇文章会不断更新，所以内容和之前的会有些重复，如果有不懂的，请先查看之前那篇文章。这篇文章内容全部自己尝试过的，也会随着不断使用Atom而不断更新文章。

前端插件

apm install emmet //前端常用
apm install atom-beautify //格式化
apm install minimap //代码地图
apm install autoclose-html //HTML标签自动闭包
apm install linter //lint检查
apm install linter-jshint//js检查
apm install file-icons //文件视图图标
apm install run-in-browser //使用浏览器预览

插件推荐

apm install markdown-scroll-sync // markdown preview同步滚动

使用技巧、快捷键

• 分屏操作
  使用cmd + shift + p 打开命令面板，搜索 pane split，就会看到弹出 Pane : split Up等等选项，可以点击打开新的Pane，进行操作。

• toogle Tree View
  cmd + \ 分屏操作时，关闭Tree View可以获得较好的编码体验。

• 打开MarkDown Preview
  control + shift + m ，打开该Preview时默认会分屏在右边。
  安装的有 atom-beautify 插件的话，在该插件设置中 disable markdown格式化 ，否则会把markdown格式打乱

快捷键设置

'atom-text-editor':
    #格式化
    'alt-cmd-l': 'atom-beautify:beautify-editor'
    #用浏览器打开
    'alt-cmd-o': 'rib:run-in-browser'