开发必备工具

作为一个开发者,工具是提升效率的一大法器,一款好的开发工具,能使开发效率大大加快,而且还能保持心情愉悦。本篇文章,记录一下自己在平时开发的过程中遇到的比较喜欢的开发工具,我在选择工具时,会尽量选择同时兼容linux和mac平台的,如果不兼容,会在每个平台找出替代。会随时不定时更新。

编辑器&&IDE


vscode

微软出品的一款编辑器,前端神器。如果写js配合ts配置,可实现完美的代码提示。

插件

sublime text

比较轻量的编辑器,也有海量的插件,不过对js的提示不如vscode。

插件推荐

插件 描述 备注
emmet 前端开发必备,写html神器
jsFormat js格式化工具
Pretty JSON json格式化工具
HTMLBeauty html格式化工具
css Format css格式化工具
DocBlockr 自动生成文档工具
Clang Format 将代码格式化成Clang样式
Block Cursor Everywhere 将光标转换成块光标样式
BrackHighlighter 括号高亮显示
HtmlMinifier html压缩工具
Less 支持Less插件
Markdown Preview markdown预览工具,会自动调用浏览器预览md文件
MarkdownEditing markdown编辑
SqlBeautifier sql格式化工具
JSHint js语法检查工具
Gist github gist工具 需要配置github access token,在菜单Preferences > Package Settings > Gist > Settings - User下可以添加token字段即可

atom

github出的一款编辑器,由于使用的是electron技术,资源占用有点多,但是插件丰富。

atom 插件

插件 描述 备注
emmet emmet插件
atom-beautify atom格式化工具,可以格式化html,js,css等
atom-typescript typescript支持
clang-format c/c++格式化工具
gist gist插件 同sublime插件一样,需要配置access token,在.atom/config.cson文件中添加
javascript-snippets js代码补全插件
jsFormat js格式化工具
Pretty JSON json格式化工具
script 在atom中运行代码片段
vim-mode vim插件
ex-mode vim-mode的拓展插件,支持:w保存
node-debuger 调试nodejs工具
platformio-ide-terminal 终端插件,直接在atom中启用终端

WebStorm

很强大的js开发调试工具

Clion

C语言IDE

终端工具


iterm2(mac)

很强大的终端工具,可替代系统自带的终端

terminator(linux)

linux下一款牛叉的终端

autojump

目录自动跳转工具,可用j 目录名直接跳转到目录,根据使用目录频率自动设置优先级。相当牛。

zsh

替换自带的bash,推荐使用ys主题

mycli

命令行的mysql客户端,比官方的mysql命令行客户端功能丰富,有智能提示,高亮显示等。

asciinema

命令行录屏工具。该工具的强大之处在于,会将命令行的命令录制为json格式的文件,然后可以重播。
比视频录制的有点在于录制的Json文件体积更小,而且还可以直接嵌入到网页中进行播放。
比如下面这个录制的mycli的一个简单例子:

git 图形化工具


gitk,git-gui

git自带的两个工具,gitk可以查看提交历史记录,git-gui图形化查看文件变化,非常方便。在linux下体验很棒,但是在mac下体验非常糟糕。

GitKraken

使用electron构建的一个图形化工具,跨平台,体验还不错,除了占用资源有点多,而且会有小bug。

mongodb工具


robomongo

这个工具最大的特色就是,直接使用shell查询,结果有三种不同的样式展示,表格,树,json

MongoChef

和robomongo不相上下,但是收费的,而且速度略慢,个人可以使用 Non-Commercial-License 版本。

mysql工具


datagrip

jetbrains出的一款数据库连接工具,使用jdbc,因此支持多种数据库

mycli

上面介绍过了,一款基于终端命令行的mycli客户端,可提供智能提示,高亮显示等功能

dbeaver

基于eclipse的,也支持多种数据库

MysqlWorkBench

mysql官方出的工具

markdown编辑器


Haroopad

md编辑器,编辑模式,预览模式,左右分栏,支持vim模式,同时跨平台,超赞的md编辑器,遗憾的是不支持项目,一次只能打开一个md文件

CMD Editor

作业部落出的md编辑器,支持vim模式,emacs模式,可以直接同步到作业部落,印象笔记等,可以选择在线版本,也可以选择客户端。同样也不支持项目,只能打开一个文件。如果同步到作业部落,倒是可以支持多个文件。

Typora

不支持vim模式,但是轻量,可以作为md的预览工具。

MWebLite(mac)

不支持vim模式,但是轻量,可以作为md的预览工具。

电子书工具

calibre

一款非常强大的电子书工具,可管理,编辑,转换电子书。全平台支持,免费,强烈推荐。

doocer

这是一个在线的电子书转换工具,只需输入一个url,它会自动抓取文章并自动排版,非常好用。排版样式还说的过去。可作为一个在线的阅读管理工具,可随时导出epub,mobi格式的电子书。

diff工具


Beyond Compare

很棒的一款diff工具,支持文件和目录比较,合并,还支持直接文本比较合并,但是收费的,有30天试用。mac下可以将/Users/coolcao/Library/Application Support/Beyond Compare目录下文件删除,即可恢复30天试用,或者,暴力点,直接将该目录设置为不可写即可。

meld

也是一款很棒的diff工具,支持文件,目录,linux下体验超棒,mac下体验不如linux

diffMerge

画图工具


百度脑图

百度出品的在线脑图工具,可导出各种图片格式,比较推荐svg。而且能直接将脑图导出为markdown格式的文本,相当于直接将脑图导出为博客文章啦

Draw.io

一款在线的画图工具,支持导出各种图片格式,推荐svg。功能丰富。

freeMind

xmind

很强大的工具,但是收费,基础功能够用了。

抓包


wireshark

超级牛的一个抓包工具

charles

mac上的抓包工具。

fiddler

只支持windows,但是功能挺强大。

RSS阅读器


inoreader

一款非常棒的在线rss订阅工具,支持导入导出功能,自定义订阅,有移动端app,没有PC端,可以使用electron包一个即可。免费版有广告,但是可以忍受。土豪可以花钱vip,体验更多高级功能。

LuckNews(mac)

mac上的一款体验不错的免费的RSS阅读器,推荐。

QuiteRSS

跨平台的一款RSS阅读工具,内置浏览器,体验不错。但是在mac上不知道怎么回事,内置浏览器方面有点问题。

thunderbird

邮件客户端,可以支持RSS订阅。也是内置一个浏览器,体验不错。推荐。缺点也是不支持二级目录。

Feedline(chrome插件)

做的非常漂亮的一个RSS阅读器,唯一缺点是不支持分类目录,很崩溃。

NewsFox(firefox插件)

chrome 插件


JSON-handle

格式化JSON

FireShot

网页截图工具,支持长页面自动截图

Draw.io Desktop

一款在线画图工具,可以用chrome的插件,也可以直接用electron封成一个桌面应用。

postman

rest调试工具,推荐,此外,如果不想用chrome插件,可以直接下载其使用electron封装的独立app

DHC Rest Client

Rest调试工具

devdocs

开发者文档插件,这里集成了丰富的文档,不用为了各种文档东跑西凑了。这是一个在线文档工具,地址:http://devdocs.io/ , 可以使用chrome插件,也可以使用electron包装一个客户端应用。

StackEdit

markdown编辑工具,支持TOC,数学公式,UML图,流程图等,很强大。

马克飞象

一款markdown编辑工具,可以支持连接evernote进行同步,不过现在同步功能需要收费了。

WEB前端助手

包括字符串编码,代码压缩,美化,JSON格式化,正则表达式,时间转换,二维码生成等等

工具箱

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

ng-inspector for AngularJS

调试angularjs的工具

Mobile/Responsive Web Design Tester

相应式页面调试工具

Ripple Emulator

相应式页面调试工具

掘金

开发资讯插件

其他


圈点(mac)

印象笔记出品的一款截图工具。支持区域截图,全屏截图,窗口截图,菜单截图。

xnip

mac上的一款强大的截图工具,免费版有水印。支持编辑,标注。截图方式支持强大的滚动截图。

腾讯出品的《截图》

腾讯出品的截图,除了可以截取图片外,还可以录制屏幕视频。
支持全屏截图,窗口截图,定时截图。也支持滚动截图,但是需要在系统里信任一下

shutter(linux)

linux下非常强大的一款截图工具。

Flameshot(linux)

Linux下的又一款截图工具

4k video downloader

一款可以下载youtube上视频的下载工具,支持自动下载专辑,字幕。全平台。