快到碗里来-好用的生产力工具

在日常的办公或者写代码中，我们需要一些工具来提升自己的效率。好用的生产力工具能让你办公或写代码时如鱼得水，接下来让我们一起看看有哪些好用的工具。

PC 软件工具合集

Snipaste - 截图 + 贴图，提高工作效率的神器

非常强大的截图软件，贴图才是本体！并且还支持取色器、历史记录等功能。

官网地址：zh.snipaste.com/

Everything - 文件搜索神器

Everything 是一款文件、文件夹名称快速搜索软件。一旦你使用过它，你就再也不会想使用 window 自带的搜索。

我们可以自定义搜索范围，也可以定义一些快捷键。通过上方菜单中的工具-选项-常规-快捷键，我们可以设置显示窗口的快捷键为 Alt + F，后续就可以通过快捷键唤起窗口。

下载：www.voidtools.com/zh-cn/

文件搜索神器除了 Everything，还有一个 Listary 也很多人使用，有兴趣的可以去看看。

Cmber - 一款运行于 windows 上的 linux 命令神器

Cmder 是一款 Windows 环境下非常简洁美观易用的 cmd 替代者，它支持了大部分的 Linux 命令。

官网地址：cmder.app

除了 Cmber，还有个 Windows Terminal 也可以试试。

ScreenToGif: 一款方便可靠的 gif 动画录制软件

ScreenToGif 是一款方便可靠的 gif 动画录制软件，可以用来快速录制屏幕上的指定区域，将其直接保存为 GIF 动画文件。

官网：www.screentogif.com/

AutoHotKey: 一款界面简洁功能强大的热键脚本语言

AutoHotkey 是一个自由、开源的宏生成器和自动化软件工具，它让用户能够自动执行重复性任务。一般把其理解为自动化脚本语言，简单说，它可以帮助我完成大量重复性的工作。

Win+S，打开少数派首页——

#s::Run "https://sspai.com" ;win+s 打开少数派网站

!n::Run "notepad" ;alt+n 运行记事本              

官网：www.autohotkey.com/

社区有很多功能可以借鉴使用：wyagd001.github.io/v2/docs/scr…

VSCode 插件

相信大部分的前端开发人员都是在使用 VS Code 在进行开发，VS Code 之所以如此受欢迎，除了本身有微软背书以外，其插件生态所带来的众多的插件也功不可没。

相信大家都安装过一些常见 VSCode 插件比如 ESLint、Prettier、Open in browser、ES7+ React/Redux/React-Native snippets 等等。

GitLens、Git Graph

如果你在 VS Code 中使用 Git 进行代码版本控制，那么 GitLens 插件一定是必备的插件。 GitLens 可以帮助我们查看当前代码日志、历史，也可以查看单个文件中内容的作者。

如果要查看 Git 提交图的话，推荐可以使用 Git Graph，清晰明了。

Auto Rename Tag

用于自动重命名配对的标签名称，在日常开发中，对于需要闭合的标签，需要手动修改起始标签和结束标签，使用该插件，可以进行快速修改。

Partial Diff

差异比对工具，类似于 Beyond Compare。

Chrome 插件

推荐一些作为前端开发人员，平时开发中经常使用到的实用插件。利用好这些插件，可以有效提高生产效率。

FeHelper：前端开发小工具集合

内含丰富的小工具，使用之后，就可以告别大部分的在线工具站点

Octotree：Github 项目目录结构

显示 Github 项目的属性目录结构，通过目录结构对项目有一个全局的了解，同时可以快速定位、查看某个文件。提供更好的源码在线阅读体验。

沙拉查词：聚合词典划词翻译

提供划词翻译、网页翻译、网页中英文对照、以及大量词典可选择，辅助你进行英文资讯、文档的阅读。

优秀站点

Caniuse: 前端兼容性自查工具

前端兼容性查询工具，支持 html、css、js 等。

Regexper: 图形化正则表达式工具

将正则表达式解释为 railroad 图形化的可视化工具。

CSS Triggers: 重绘重排样式查看

CSS Triggers 提供在线的页面解析参考, 可通过此参考了解哪些 CSS 属性触发了重绘和合成, 但不引发布局, 这些是浏览器在渲染网页时的执行过程。

Carbon: 代码片段展示

可以创建样式优美的代码片段图片。

可以创建可运行的代码片段。

Npmtrends: 查看 npm下载量

可以对比查看各个库的下载量，作为技术选型的辅助。

Statcounter: 数据统计网站

比较权威的数据统计网站，可以查看浏览器类型、手机类型等等数据。

画图工具

客户端常见的画图工具有 Enterprise Architect、Viso、Astah 等等，除了这些老牌画图工具，接下来介绍一些在线画图工具。

Drawio: 自由度较高的画图工具

支持绘制流程图、架构图、网络拓扑图、E-R图、PPT商务图表等，支持在线绘制和桌面版。

Processon:（多人协作）自由度较高的图

ProcessOn 是一个在线作图工具的聚合平台，它可以在线画流程图、思维导图、UI 原型图、UML、网络拓扑图、组织结构图等等，不过免费版有限制画图个数。

Excalidraw: 手绘风格画图工具

Excalidraw 是一款轻量的手绘风格电子白板在线应用。

小结

好用的工具能大大提升办公或写代码的效率，如果你平时有用到高效的生产力工具，欢迎在评论区交流分享。