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

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

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

js 复制代码
Win+S,打开少数派首页------

#s::Run "https://sspai.com" ;win+s 打开少数派网站
js 复制代码
!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 是一款轻量的手绘风格电子白板在线应用。

小结

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

相关推荐
恋猫de小郭4 小时前
Flutter Zero 是什么?它的出现有什么意义?为什么你需要了解下?
android·前端·flutter
崔庆才丨静觅10 小时前
hCaptcha 验证码图像识别 API 对接教程
前端
passerby606111 小时前
完成前端时间处理的另一块版图
前端·github·web components
掘了11 小时前
「2025 年终总结」在所有失去的人中,我最怀念我自己
前端·后端·年终总结
崔庆才丨静觅11 小时前
实用免费的 Short URL 短链接 API 对接说明
前端
崔庆才丨静觅12 小时前
5分钟快速搭建 AI 平台并用它赚钱!
前端
崔庆才丨静觅12 小时前
比官方便宜一半以上!Midjourney API 申请及使用
前端
Moment12 小时前
富文本编辑器在 AI 时代为什么这么受欢迎
前端·javascript·后端
崔庆才丨静觅13 小时前
刷屏全网的“nano-banana”API接入指南!0.1元/张量产高清创意图,开发者必藏
前端
剪刀石头布啊13 小时前
jwt介绍
前端