在日常的办公或者写代码中,我们需要一些工具来提升自己的效率。好用的生产力工具能让你办公或写代码时如鱼得水,接下来让我们一起看看有哪些好用的工具。
PC 软件工具合集
Snipaste - 截图 + 贴图,提高工作效率的神器
非常强大的截图软件,贴图才是本体!并且还支持取色器、历史记录等功能。
![](https://file.jishuzhan.net/article/1690620576164483074/ebe06f560f5d4ddb9b140bcd2838a68d.gif)
官网地址:zh.snipaste.com/
Everything - 文件搜索神器
Everything 是一款文件、文件夹名称快速搜索软件。一旦你使用过它,你就再也不会想使用 window 自带的搜索。
![](https://file.jishuzhan.net/article/1690620576164483074/8772cb054fbc434e842466b0fbb4110b.gif)
我们可以自定义搜索范围,也可以定义一些快捷键。通过上方菜单中的工具-选项-常规-快捷键,我们可以设置显示窗口的快捷键为 Alt + F,后续就可以通过快捷键唤起窗口。
文件搜索神器除了 Everything,还有一个 Listary 也很多人使用,有兴趣的可以去看看。
Cmber - 一款运行于 windows 上的 linux 命令神器
Cmder 是一款 Windows 环境下非常简洁美观易用的 cmd 替代者,它支持了大部分的 Linux 命令。
![](https://file.jishuzhan.net/article/1690620576164483074/513aadd21df041b28a43cddd7f731f20.png)
官网地址:cmder.app
除了 Cmber,还有个 Windows Terminal 也可以试试。
ScreenToGif: 一款方便可靠的 gif 动画录制软件
ScreenToGif 是一款方便可靠的 gif 动画录制软件,可以用来快速录制屏幕上的指定区域,将其直接保存为 GIF 动画文件。
![](https://file.jishuzhan.net/article/1690620576164483074/919fc693a98d4eec987ce87a35d2cae9.gif)
AutoHotKey: 一款界面简洁功能强大的热键脚本语言
AutoHotkey 是一个自由、开源的宏生成器和自动化软件工具,它让用户能够自动执行重复性任务。一般把其理解为自动化脚本语言,简单说,它可以帮助我完成大量重复性的工作。
js
Win+S,打开少数派首页------
#s::Run "https://sspai.com" ;win+s 打开少数派网站
js
!n::Run "notepad" ;alt+n 运行记事本
社区有很多功能可以借鉴使用: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 可以帮助我们查看当前代码日志、历史,也可以查看单个文件中内容的作者。
![](https://file.jishuzhan.net/article/1690620576164483074/8bf6cf00de224114b1d9b136a6ab7ec8.png)
如果要查看 Git 提交图的话,推荐可以使用 Git Graph,清晰明了。
![](https://file.jishuzhan.net/article/1690620576164483074/55b89bf44ee04982bcd9ad722e96a564.png)
Auto Rename Tag
用于自动重命名配对的标签名称,在日常开发中,对于需要闭合的标签,需要手动修改起始标签和结束标签,使用该插件,可以进行快速修改。
![](https://file.jishuzhan.net/article/1690620576164483074/904005906cda4c5ea49c76fd9493dac5.gif)
Partial Diff
差异比对工具,类似于 Beyond Compare。
![](https://file.jishuzhan.net/article/1690620576164483074/38bb47b3025a4f0e94426fa54a6ee279.gif)
Chrome 插件
推荐一些作为前端开发人员,平时开发中经常使用到的实用插件。利用好这些插件,可以有效提高生产效率。
FeHelper:前端开发小工具集合
内含丰富的小工具,使用之后,就可以告别大部分的在线工具站点
![](https://file.jishuzhan.net/article/1690620576164483074/f0fcd05e8cd2485280a3bde57a3a862c.png)
Octotree:Github 项目目录结构
显示 Github 项目的属性目录结构,通过目录结构对项目有一个全局的了解,同时可以快速定位、查看某个文件。提供更好的源码在线阅读体验。
![](https://file.jishuzhan.net/article/1690620576164483074/0f92bcbeff4a44abbc725277e2e2ea2f.png)
沙拉查词:聚合词典划词翻译
提供划词翻译、网页翻译、网页中英文对照、以及大量词典可选择,辅助你进行英文资讯、文档的阅读。
![](https://file.jishuzhan.net/article/1690620576164483074/c5751251fc8e40bea05f618bfc205c77.gif)
优秀站点
Caniuse: 前端兼容性自查工具
前端兼容性查询工具,支持 html、css、js 等。
![](https://file.jishuzhan.net/article/1690620576164483074/c011702e2ecd4fa9a48c7b92c0cf1b67.png)
Regexper: 图形化正则表达式工具
将正则表达式解释为 railroad 图形化的可视化工具。
![](https://file.jishuzhan.net/article/1690620576164483074/56c892b856724a2eaf75358969d066b0.png)
CSS Triggers: 重绘重排样式查看
CSS Triggers 提供在线的页面解析参考, 可通过此参考了解哪些 CSS 属性触发了重绘和合成, 但不引发布局, 这些是浏览器在渲染网页时的执行过程。
![](https://file.jishuzhan.net/article/1690620576164483074/7a29e54055224a53ae4821afb404b60a.png)
Carbon: 代码片段展示
可以创建样式优美的代码片段图片。
![](https://file.jishuzhan.net/article/1690620576164483074/ffc2651ed4c74e769293ddb1aeb7aac5.png)
码上掘金:代码托管
可以创建可运行的代码片段。
![](https://file.jishuzhan.net/article/1690620576164483074/b9de692cf6d341fa8194f79b4f8211c8.png)
Npmtrends: 查看 npm下载量
可以对比查看各个库的下载量,作为技术选型的辅助。
![](https://file.jishuzhan.net/article/1690620576164483074/fa9c5d616774446385d613b849201ac2.png)
Statcounter: 数据统计网站
比较权威的数据统计网站,可以查看浏览器类型、手机类型等等数据。
![](https://file.jishuzhan.net/article/1690620576164483074/39970097f3bd41638a368dc90118e0f0.png)
画图工具
客户端常见的画图工具有 Enterprise Architect、Viso、Astah 等等,除了这些老牌画图工具,接下来介绍一些在线画图工具。
Drawio: 自由度较高的画图工具
支持绘制流程图、架构图、网络拓扑图、E-R图、PPT商务图表等,支持在线绘制和桌面版。
![](https://file.jishuzhan.net/article/1690620576164483074/116f2fda98e646e59eee55e61373699a.png)
Processon:(多人协作)自由度较高的图
ProcessOn 是一个在线作图工具的聚合平台,它可以在线画流程图、思维导图、UI 原型图、UML、网络拓扑图、组织结构图等等,不过免费版有限制画图个数。
![](https://file.jishuzhan.net/article/1690620576164483074/29786f57d30040e8b9cdb1b6389104cb.png)
Excalidraw: 手绘风格画图工具
Excalidraw 是一款轻量的手绘风格电子白板在线应用。
![](https://file.jishuzhan.net/article/1690620576164483074/c8b1e7e9b4964b198493796bb7a1e9ba.png)
小结
好用的工具能大大提升办公或写代码的效率,如果你平时有用到高效的生产力工具,欢迎在评论区交流分享。