摘要：最近老是在重裝系統(tǒng)，每次重裝就要重新配置環(huán)境，安裝軟件，安裝插件。因?yàn)榛局挥羞@個(gè)插件，才可以設(shè)置一個(gè)文件夾下三個(gè)項(xiàng)目能分別傳到不同的服務(wù)器中。在全球最大的同性交友網(wǎng)站中，只要鼠標(biāo)懸停到一個(gè)項(xiàng)目上時(shí)，就會(huì)在一個(gè)彈窗顯示該項(xiàng)目的信息。

最近老是在重裝系統(tǒng)，每次重裝就要重新配置環(huán)境，安裝軟件，安裝插件。每次重裝的時(shí)候，都不知道自己以前到底用過什么軟件插件。所以，還是寫一篇文章記錄下來，順便和大家分享一下我的開發(fā)環(huán)境吧。

sublime text是最方便，也是開發(fā)的時(shí)候用的最多，也是我認(rèn)為最丑的編輯器。但是，輕量級(jí)和快速啟動(dòng)把我給打動(dòng)了。

我的 sublime 裝好了的插件有：
插件篇：

a file icon

美化插件?？梢愿宄私饷總€(gè)文件的類型，一目了然。

autofilename

輔助插件?？梢苑奖愕囊肽夸浀奈募?，可以是相對(duì)路徑 `./` 也可以是絕對(duì)路徑 `/home/`。

autoprefixer

輔助插件。一鍵填充CSS3的兼容性。

docblockr

輔助插件。一鍵生成文檔，開發(fā)的小伙伴必裝插件。

emmet

開發(fā)插件。前端開發(fā)神器，不用多解釋了吧？

git

輔助插件。聽說是git的神器，但是沒怎么用過，git我都是用source tree的。

HTMLBeautify

輔助插件。一鍵美化HTML文檔。

JavaScript completion

輔助插件。js的提示，超級(jí)詳細(xì)，超級(jí)好用。

jQuery

輔助插件。jq的提示，語法很全。

jsformatter

輔助插件。一鍵可以將js格式化。

SFTP

上傳插件。這是我一直堅(jiān)持著用sublime開發(fā)的理由。因?yàn)榛局挥羞@個(gè)插件，才可以設(shè)置一個(gè)文件夾下三個(gè)項(xiàng)目能分別傳到不同的服務(wù)器中。而vscode和atom的插件卻只能以一個(gè)項(xiàng)目一個(gè)項(xiàng)目的上傳。支持FTP, SFTP, FTPS等。

主題篇：

Material Theme

Material主題。多種顏色可以選擇，超級(jí)漂亮。如果是Ubuntu+flat主題，sublime用material會(huì)和整個(gè)系統(tǒng)很搭。

SetiUI

seti主題。是一個(gè)很養(yǎng)眼，很搶眼的主題，色彩搭配都很贊。也是使用頻率比較高的主題之一。

boxy theme

boxy主題。支持自定義，主題很多的色彩都支持自定義顏色，編輯器的配色想怎么搭就怎么搭，任性。

atom我一般都是用來寫寫非公司項(xiàng)目，都是寫自己的項(xiàng)目比較多。因?yàn)閍tom顏值高，提示全，插件相對(duì)比較好裝，然后又懶得污染了工作的區(qū)間，所以用了atom來寫自己的項(xiàng)目。

我的 atom 裝好了的插件有：

插件篇：

SFTP-deployment

上傳插件。功能和 sublime 的 sftp 插件類似，但是這個(gè)插件的上傳是根據(jù)當(dāng)前 atom 打開項(xiàng)目而并非當(dāng)前文件所在的項(xiàng)目。

activate-power-mode

裝逼插件。就是在敲鍵盤的時(shí)候，屏幕會(huì)抖動(dòng)（抖動(dòng)我都是關(guān)閉的，晃眼），光標(biāo)會(huì)炸裂出很多的方塊，效果炫酷。我一般都是關(guān)閉抖動(dòng)，關(guān)閉combo，打開炸裂。這樣技能保證炫酷，又不會(huì)太晃眼（該插件比較吃性能，低性能的機(jī)子需謹(jǐn)慎）。

atom-beautify

美化插件。能美化大部分常見的語言（PHP好像要安裝另外的插件支持）很實(shí)用的一個(gè)插件。

atom-clock

輔助插件。只是在右下角顯示當(dāng)前時(shí)間。用 Mac 全屏的話，經(jīng)常不知道時(shí)間，現(xiàn)在一個(gè)插件搞掂。

atom-formatter-jsbeautify

美化插件。專門格式化js、jsx、json、sass、css等前端語言的插件。

atom-live-server

輔助插件。一鍵啟動(dòng)一個(gè)靜態(tài)服務(wù)器的插件，相當(dāng)于配置好的 anywhere + livereload ，打開就能用，保存就自動(dòng)刷新。支持多個(gè)端口打開。

atom-ternjs

輔助插件。前端js提示神器。

autocomplete-paths

輔助插件。和 sublime 的 autocomplete 功能一樣，能自動(dòng)補(bǔ)全文件路徑。

autoprefixer

輔助插件。和 sublime 的 autoprefixer 功能一樣，能自動(dòng)生成兼容性css代碼。

docblockr

輔助插件。和 sublime 的 docblockr 功能一樣，能一鍵生成注釋文檔。

emmet

輔助插件。emmet 神器。

file-icons

美化插件。美化各個(gè)文件的圖標(biāo)，一目了然。

git-plus

輔助插件。聽說是git的神器，但是沒怎么用過，git我都是用source tree的。

minimap

輔助神器。用慣了 sublime 右側(cè)的小地圖，再也回不來了。所以這個(gè)插件，必裝。

主題篇：

Material Theme

Material主題。多種顏色可以選擇，超級(jí)漂亮。如果是Ubuntu+flat主題，sublime用material會(huì)和整個(gè)系統(tǒng)很搭。

SetiUI

seti主題。是一個(gè)很養(yǎng)眼，很搶眼的主題，色彩搭配都很贊。也是使用頻率比較高的主題之一。

沒錯(cuò)，還是這倆貨，沒辦法，用來用去，還是這兩個(gè)主題最耐看。

配色我一般都是用 monokai。

chrome 我感覺是最適合前端開發(fā)的瀏覽器，而且無論是在 macOS ， Linux， Windows下表現(xiàn)都是很好的，而且只要登錄了Google賬號(hào)，還能直接同步你的插件，你的瀏覽記錄，到所有終端。最吸引用戶的，肯定是 Chrome 中那數(shù)量巨大的插件了。

ad block
沒有plus， 攔截廣告很好使。有時(shí)候上一些奇奇怪怪的網(wǎng)站，一樣能保持清爽。

adfree.player.online
這是一款專業(yè)屏蔽視頻廣告的擴(kuò)展。 至于效果嘛，用 Mac 看視頻好像似乎本來就沒多少廣告。

Axure RP Extension for Chrome
看原型用得。

GitHub Hovercard
在全球最大的同性交友網(wǎng)站（GitHub）中，只要鼠標(biāo)懸停到一個(gè)GitHub 項(xiàng)目上時(shí)，就會(huì)在一個(gè)彈窗顯示該項(xiàng)目的信息。這個(gè)插件可以在搜索的時(shí)候，快速過濾不必要的項(xiàng)目，很實(shí)用

Isometric Contributions
也是GitHub的插件，能更加直觀的看出來你提交的頻次。（此處要捂臉）

JSON-handle
json格式化的插件，當(dāng)訪問一個(gè)返回json格式的 API 時(shí)，該插件就會(huì)將該json格式化，并且以一種友好的交互方式呈現(xiàn)給用戶。調(diào)試 API 必備。

Just a Clock - the Hours / Just a Clock - the Minutes
時(shí)間插件。還是因?yàn)楣ぷ鲿r(shí)都是雙屏+應(yīng)用全屏開發(fā)，因此會(huì)經(jīng)?？床坏綍r(shí)間，so。。

Octotree
Code tree for GitHub，作用就是，在一個(gè)GitHub項(xiàng)目中，無需逐個(gè)文件點(diǎn)開，只需要在左側(cè)欄中，以文件樹形展開，更加方便查找文件。

ProxySwitchyOmega
輕松快捷地管理和切換多個(gè)代理設(shè)置。不多說了。

Tampermonkey
油猴腳本。神一般的存在，大家可以去淘一些牛逼哄哄的插件。我用到的就百度云和去廣告。

The QR Code Extension
一鍵將當(dāng)前網(wǎng)址生成二維碼。在調(diào)試移動(dòng)端需要用真機(jī)打開時(shí)，就不需要手動(dòng)一個(gè)個(gè)的去敲。

Vue.js devtools
vue 單頁面應(yīng)用開發(fā)必備調(diào)試神器。

以上就是我平時(shí)在開發(fā)中最常用的插件，如果大家也有各種好用的插件，歡迎在底下的評(píng)論中分享。