作为一个开发者,工具是提升效率的一大法器,一款好的开发工具,能使开发效率大大加快,而且还能保持心情愉悦。本篇文章,记录一下自己在平时开发的过程中遇到的比较喜欢的开发工具,我在选择工具时,会尽量选择同时兼容linux和mac平台的,如果不兼容,会在每个平台找出替代。会随时不定时更新。
编辑器&&IDE
vscode
微软出品的一款编辑器,前端神器。如果写js配合ts配置,可实现完美的代码提示。
插件
- ApiDoc Snippets: apidoc代码片段,可辅助编写apidoc
- Angular Language Service: Angular官方出品的开发辅助工具,可有效提高使用vscode编写Angular应用的效率。
- Beautify: 格式化代码插件
- EditorConfig for VS Code: vscode的editorconfig配置文件
- eslint
- tslint
- vim
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上视频的下载工具,支持自动下载专辑,字幕。全平台。