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 兩個插件。