atom插件——工欲善其事，必先利其器

atom插件

系统与文件

• autocomplete-paths 文件路径自动建议

• file-icons 文件图标

• platformio-ide-terminal 控制台

  > 快捷键：ctrl+~
  

common

• minimap 代码缩略图

• highlight-line 高亮当前行

• highlight-selected 高亮所有选择

• atom-beautify 美化 HTML, CSS, JavaScript 等代码

  > 快捷键：ctrl+alt+B
  

HTML

• emmet 快速html代码

• autoclose-html HTML标签自动闭合

• open-in-browser 浏览器中打开

• atom-html-preview 在编译器中实时展示页面

  > 快捷键：ctrl-shift-H
  

CSS

• css-snippets css语法提示

• pigments颜色显示

• color-picker 取色器

  > 右键→Color Picker
  

• autoprefixer 自动添加前缀

  > setting中 run on save 勾选中
  

Sass

• sass-autocompile sass自动编译

js

• atom-ternjs 对js语法支持,提示

vue

• language-vue vue语法支持

• vue2-autocomplete vue2自动补充

  > template 、 vscript
  

markdown

• Language Markdown markdown语法支持

• markdown-preview-plus markdown预览

• tool-bar-markdown-writer markdown工具条

  > visibility 设置：showToolbarOnMarkdown, 同时安装 tool-bar 和 markdown-writer 两个插件。