Atom 插件主題推薦

插件主題推薦

注意事項(xiàng)

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

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

進(jìn)入二度設(shè)置我再介紹

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

主題推薦

內(nèi)部自帶的主題就不介紹了,都挺耐看的

插件推薦

前端必備插件篇

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

2.autoprefixer — 用來補(bǔ)充 css 前綴的，會自動生成多個(gè)瀏覽器的前綴

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

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

• 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,有二度設(shè)置，接下來列出的一些有二度設(shè)置

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

• autocomplete-css — 你懂得，更加細(xì)致

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

插件–美化篇

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

插件–協(xié)作篇

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

插件–鍵盤俠

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

插件–加強(qiáng)

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