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

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

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 是一款轻量的手绘风格电子白板在线应用。

小结

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

相关推荐
也无晴也无风雨24 分钟前
深入剖析输入URL按下回车,浏览器做了什么
前端·后端·计算机网络
Martin -Tang1 小时前
Vue 3 中,ref 和 reactive的区别
前端·javascript·vue.js
FakeOccupational2 小时前
nodejs 020: React语法规则 props和state
前端·javascript·react.js
放逐者-保持本心,方可放逐3 小时前
react 组件应用
开发语言·前端·javascript·react.js·前端框架
曹天骄4 小时前
next中服务端组件共享接口数据
前端·javascript·react.js
阮少年、4 小时前
java后台生成模拟聊天截图并返回给前端
java·开发语言·前端
郝晨妤5 小时前
鸿蒙ArkTS和TS有什么区别?
前端·javascript·typescript·鸿蒙
AvatarGiser6 小时前
《ElementPlus 与 ElementUI 差异集合》Icon 图标 More 差异说明
前端·vue.js·elementui
喝旺仔la6 小时前
vue的样式知识点
前端·javascript·vue.js
别忘了微笑_cuicui6 小时前
elementUI中2个日期组件实现开始时间、结束时间(禁用日期面板、控制开始时间不能超过结束时间的时分秒)实现方案
前端·javascript·elementui