本文轉(zhuǎn)載于： coolcao的小站

作為一個(gè)開(kāi)發(fā)者，工具是提升效率的一大法器，一款好的開(kāi)發(fā)工具，能使開(kāi)發(fā)效率大大加快，而且還能保持心情愉悅。本篇文章，記錄一下自己在平時(shí)開(kāi)發(fā)的過(guò)程中遇到的比較喜歡的開(kāi)發(fā)工具，我在選擇工具時(shí)，會(huì)盡量選擇同時(shí)兼容linux和mac平臺(tái)的，如果不兼容，會(huì)在每個(gè)平臺(tái)找出替代。會(huì)隨時(shí)不定時(shí)更新。

編輯器&&IDE

vscode

微軟出品的一款編輯器，前端神器。如果寫(xiě)js配合ts配置，可實(shí)現(xiàn)完美的代碼提示。

插件

• ApiDoc Snippets: apidoc代碼片段，可輔助編寫(xiě)apidoc
• Angular Language Service: Angular官方出品的開(kāi)發(fā)輔助工具，可有效提高使用vscode編寫(xiě)Angular應(yīng)用的效率。
• Beautify: 格式化代碼插件
• EditorConfig for VS Code: vscode的editorconfig配置文件
• eslint
• tslint
• vim

sublime text

比較輕量的編輯器，也有海量的插件，不過(guò)對(duì)js的提示不如vscode。

插件推薦

atom

github出的一款編輯器，由于使用的是electron技術(shù)，資源占用有點(diǎn)多，但是插件豐富。

atom 插件

插件	描述	備注
emmet	emmet插件	…
atom-beautify	atom格式化工具，可以格式化html,js,css等	…
atom-typescript	typescript支持	…
clang-format	c/c++格式化工具	…
gist	gist插件	同sublime插件一樣，需要配置access token，在.atom/config.cson文件中添加 image
javascript-snippets	js代碼補(bǔ)全插件	…
jsFormat	js格式化工具	…
Pretty JSON	json格式化工具	…
script	在atom中運(yùn)行代碼片段	…
vim-mode	vim插件
ex-mode	vim-mode的拓展插件，支持:w保存	…
node-debuger	調(diào)試nodejs工具	…
platformio-ide-terminal	終端插件，直接在atom中啟用終端	…

WebStorm

很強(qiáng)大的js開(kāi)發(fā)調(diào)試工具

Clion

C語(yǔ)言IDE

終端工具

iterm2(mac)

很強(qiáng)大的終端工具，可替代系統(tǒng)自帶的終端

terminator(linux)

linux下一款牛叉的終端

autojump

目錄自動(dòng)跳轉(zhuǎn)工具，可用j 目錄名直接跳轉(zhuǎn)到目錄，根據(jù)使用目錄頻率自動(dòng)設(shè)置優(yōu)先級(jí)。相當(dāng)牛。

zsh

替換自帶的bash，推薦使用ys主題

mycli

命令行的mysql客戶端，比官方的mysql命令行客戶端功能豐富，有智能提示，高亮顯示等。

asciinema

命令行錄屏工具。該工具的強(qiáng)大之處在于，會(huì)將命令行的命令錄制為json格式的文件，然后可以重播。
比視頻錄制的有點(diǎn)在于錄制的Json文件體積更小，而且還可以直接嵌入到網(wǎng)頁(yè)中進(jìn)行播放。

git 圖形化工具

gitk,git-gui

git自帶的兩個(gè)工具，gitk可以查看提交歷史記錄，git-gui圖形化查看文件變化，非常方便。在linux下體驗(yàn)很棒，但是在mac下體驗(yàn)非常糟糕。

GitKraken

使用electron構(gòu)建的一個(gè)圖形化工具，跨平臺(tái)，體驗(yàn)還不錯(cuò)，除了占用資源有點(diǎn)多，而且會(huì)有小bug。

mongodb工具

robomongo

這個(gè)工具最大的特色就是，直接使用shell查詢(xún)，結(jié)果有三種不同的樣式展示，表格，樹(shù)，json

MongoChef

和robomongo不相上下，但是收費(fèi)的，而且速度略慢，個(gè)人可以使用 Non-Commercial-License 版本。

mysql工具

datagrip

jetbrains出的一款數(shù)據(jù)庫(kù)連接工具，使用jdbc，因此支持多種數(shù)據(jù)庫(kù)

mycli

上面介紹過(guò)了，一款基于終端命令行的mycli客戶端，可提供智能提示，高亮顯示等功能

dbeaver

基于eclipse的，也支持多種數(shù)據(jù)庫(kù)

MysqlWorkBench

mysql官方出的工具

markdown編輯器

Haroopad

md編輯器，編輯模式，預(yù)覽模式，左右分欄，支持vim模式，同時(shí)跨平臺(tái)，超贊的md編輯器，遺憾的是不支持項(xiàng)目，一次只能打開(kāi)一個(gè)md文件

CMD Editor

作業(yè)部落出的md編輯器，支持vim模式，emacs模式，可以直接同步到作業(yè)部落，印象筆記等，可以選擇在線版本，也可以選擇客戶端。同樣也不支持項(xiàng)目，只能打開(kāi)一個(gè)文件。如果同步到作業(yè)部落，倒是可以支持多個(gè)文件。

Typora

不支持vim模式，但是輕量，可以作為md的預(yù)覽工具。

MWebLite（mac）

不支持vim模式，但是輕量，可以作為md的預(yù)覽工具。

電子書(shū)工具

calibre

一款非常強(qiáng)大的電子書(shū)工具，可管理，編輯，轉(zhuǎn)換電子書(shū)。全平臺(tái)支持，免費(fèi)，強(qiáng)烈推薦。

doocer

這是一個(gè)在線的電子書(shū)轉(zhuǎn)換工具，只需輸入一個(gè)url，它會(huì)自動(dòng)抓取文章并自動(dòng)排版，非常好用。排版樣式還說(shuō)的過(guò)去?？勺鳛橐粋€(gè)在線的閱讀管理工具，可隨時(shí)導(dǎo)出epub，mobi格式的電子書(shū)。

diff工具

Beyond Compare

很棒的一款diff工具，支持文件和目錄比較，合并，還支持直接文本比較合并，但是收費(fèi)的，有30天試用。mac下可以將/Users/coolcao/Library/Application Support/Beyond Compare目錄下文件刪除，即可恢復(fù)30天試用，或者，暴力點(diǎn)，直接將該目錄設(shè)置為不可寫(xiě)即可。

meld

也是一款很棒的diff工具，支持文件，目錄，linux下體驗(yàn)超棒，mac下體驗(yàn)不如linux

diffMerge

畫(huà)圖工具

百度腦圖

百度出品的在線腦圖工具，可導(dǎo)出各種圖片格式，比較推薦svg。而且能直接將腦圖導(dǎo)出為markdown格式的文本，相當(dāng)于直接將腦圖導(dǎo)出為博客文章啦

Draw.io

一款在線的畫(huà)圖工具，支持導(dǎo)出各種圖片格式，推薦svg。功能豐富。

freeMind

xmind

很強(qiáng)大的工具，但是收費(fèi)，基礎(chǔ)功能夠用了。

抓包

wireshark

超級(jí)牛的一個(gè)抓包工具

charles

mac上的抓包工具。

fiddler

只支持windows，但是功能挺強(qiáng)大。

RSS閱讀器

inoreader

一款非常棒的在線rss訂閱工具，支持導(dǎo)入導(dǎo)出功能，自定義訂閱，有移動(dòng)端app，沒(méi)有PC端，可以使用electron包一個(gè)即可。免費(fèi)版有廣告，但是可以忍受。土豪可以花錢(qián)vip，體驗(yàn)更多高級(jí)功能。

LuckNews(mac)

mac上的一款體驗(yàn)不錯(cuò)的免費(fèi)的RSS閱讀器，推薦。

QuiteRSS

跨平臺(tái)的一款RSS閱讀工具，內(nèi)置瀏覽器，體驗(yàn)不錯(cuò)。但是在mac上不知道怎么回事，內(nèi)置瀏覽器方面有點(diǎn)問(wèn)題。

thunderbird

郵件客戶端，可以支持RSS訂閱。也是內(nèi)置一個(gè)瀏覽器，體驗(yàn)不錯(cuò)。推薦。缺點(diǎn)也是不支持二級(jí)目錄。

Feedline(chrome插件)

做的非常漂亮的一個(gè)RSS閱讀器，唯一缺點(diǎn)是不支持分類(lèi)目錄，很崩潰。

NewsFox(firefox插件)

chrome 插件

JSON-handle

格式化JSON

FireShot

網(wǎng)頁(yè)截圖工具，支持長(zhǎng)頁(yè)面自動(dòng)截圖

Draw.io Desktop

一款在線畫(huà)圖工具，可以用chrome的插件，也可以直接用electron封成一個(gè)桌面應(yīng)用。

postman

rest調(diào)試工具，推薦，此外，如果不想用chrome插件，可以直接下載其使用electron封裝的獨(dú)立app

DHC Rest Client

Rest調(diào)試工具

devdocs

開(kāi)發(fā)者文檔插件，這里集成了豐富的文檔，不用為了各種文檔東跑西湊了。這是一個(gè)在線文檔工具，地址：http://devdocs.io/ ， 可以使用chrome插件，也可以使用electron包裝一個(gè)客戶端應(yīng)用。

StackEdit

markdown編輯工具，支持TOC,數(shù)學(xué)公式，UML圖，流程圖等，很強(qiáng)大。

馬克飛象

一款markdown編輯工具，可以支持連接evernote進(jìn)行同步，不過(guò)現(xiàn)在同步功能需要收費(fèi)了。

WEB前端助手

包括字符串編碼，代碼壓縮，美化，JSON格式化，正則表達(dá)式，時(shí)間轉(zhuǎn)換，二維碼生成等等

工具箱

有用的工具集，常用的文本處理工具，排序，去重，修整，MD5摘要，SHA1摘要，代碼格式化等

ng-inspector for AngularJS

調(diào)試angularjs的工具

Mobile/Responsive Web Design Tester

相應(yīng)式頁(yè)面調(diào)試工具

Ripple Emulator

相應(yīng)式頁(yè)面調(diào)試工具

掘金

開(kāi)發(fā)資訊插件

其他

圈點(diǎn)（mac）

印象筆記出品的一款截圖工具。支持區(qū)域截圖，全屏截圖，窗口截圖，菜單截圖。

xnip

mac上的一款強(qiáng)大的截圖工具，免費(fèi)版有水印。支持編輯，標(biāo)注。截圖方式支持強(qiáng)大的滾動(dòng)截圖。

騰訊出品的《截圖》

騰訊出品的截圖，除了可以截取圖片外，還可以錄制屏幕視頻。
支持全屏截圖，窗口截圖，定時(shí)截圖。也支持滾動(dòng)截圖，但是需要在系統(tǒng)里信任一下。

shutter(linux)

linux下非常強(qiáng)大的一款截圖工具。

Flameshot(linux)

Linux下的又一款截圖工具

4k video downloader

一款可以下載youtube上視頻的下載工具，支持自動(dòng)下載專(zhuān)輯，字幕。全平臺(tái)。