Atom插件主題推薦

注意事項

主題和插件這方面,比 Sublime Text 人性化多了..一些比較用心的作者增加了二度設置功能。

何為二度設置,就是不用手寫代碼修改配置文件，點點鼠標，填填輸入框就能生效，主題以 isotope-ui 這個做例子介紹,看圖：

進入二度設置我再介紹

一般有二度設置的，最下面一塊都有 readme 或者其他引導教程， 插件的二度設置和主題大同小異，有 二度內部都是插件功能的啟用及代碼部署教程， 感覺比 Sublime 人性化好多，sublime 的插件說明要自己上 Github 或者 package control 查看。

主題推薦

內部自帶的主題就不介紹了,都挺耐看的

主題名字	描述	個人評價
isotope-ui	A clean and configurable UI theme.	高貴黑,但是不帶語法主題,支持高級自定義
seti-UI	A dark colored UI theme for atom with custom file icons	扁平化磨砂黑,不帶語法主題,自帶了文件圖標(還行)
monokai-flat	用過sublime flat主題的都知道	贊贊,熟悉的氣息

插件推薦

前端必備插件篇

1.Emmet — 用過都說好,神器;有個別快捷鍵會和 Markdown preview 快捷鍵沖突，改下就好了

2.autoprefixer — 用來補充 css 前綴的，會自動生成多個瀏覽器的前綴

3.color-picker — 取色器,太贊了有木有，比 sublime 那個好用，不卡，啟動超快

4.linter — 這貨默認可以識別多門語言的錯誤,但是不細致，屬于主插件，可以針對性的安裝更細致的檢查插件(太多，不一一列出，下面是前端可能用到的)

• linter-jshint, for JavaScript and JSON, using jshint
• linter-coffeelint, for CoffeeScript, using coffeelint
• linter-tslint, for Typescript, using tslint
• linter-php, for PHP using php -l
• linter-pylint, for Python, using pylint
• linter-scss-lint, for SASS/SCSS, using scss-lint
• linter-less, for LESS, using less
• linter-csslint, for CSS, using csslint
• linter-stylint, for Stylus, using stylint
• linter-stylus, for Stylus, using stylus

5.autocomplete-plus — 完善自帶 autocomplete,有二度設置，接下來列出的一些有二度設置

• autocomplete-python — 你懂得，更加細致
• autocomplete-paths — 實用派，路徑補全
• autocomplete-html — 你懂得，更加細致
• autocomplete-bibtex — Github 的 markdown 語法
• autocomplete-snippets — 如名字

• autocomplete-css — 你懂得，更加細致

  • less-autocompile — 實時編譯
  • docblockr — 注釋插件，非常的實用

插件–美化篇

• file-icons — 增加許多圖標,在側邊藍文件名前面的 icon。
• filetype-color — amazing,,在標簽欄不同格式文件顯示不同的顏色的標題，支持二度設置

插件–協作篇

• git-plus — 與Sublime Text 的 sublimegit 功能基本一致

插件–鍵盤俠

• vim-mode — 用過 vim 的都知道好,基本實現了大部分的功能，不過造成許多快捷鍵沖突，慢慢排除吧

插件–加強

• minimap — 用過 Sublime Text 的友友們都知道有一個很實用的功能，就是內部編輯那里有一個小小的代碼圖,這貨就是補全 Atom 這個功能的,支持高亮代碼,還可控，具體看內部設置。