在日常的办公或者写代码中,我们需要一些工具来提升自己的效率。好用的生产力工具能让你办公或写代码时如鱼得水,接下来让我们一起看看有哪些好用的工具。
PC 软件工具合集
Snipaste - 截图 + 贴图,提高工作效率的神器
非常强大的截图软件,贴图才是本体!并且还支持取色器、历史记录等功能。
官网地址:zh.snipaste.com/
Everything - 文件搜索神器
Everything 是一款文件、文件夹名称快速搜索软件。一旦你使用过它,你就再也不会想使用 window 自带的搜索。
我们可以自定义搜索范围,也可以定义一些快捷键。通过上方菜单中的工具-选项-常规-快捷键,我们可以设置显示窗口的快捷键为 Alt + F,后续就可以通过快捷键唤起窗口。
文件搜索神器除了 Everything,还有一个 Listary 也很多人使用,有兴趣的可以去看看。
Cmber - 一款运行于 windows 上的 linux 命令神器
Cmder 是一款 Windows 环境下非常简洁美观易用的 cmd 替代者,它支持了大部分的 Linux 命令。
官网地址:cmder.app
除了 Cmber,还有个 Windows Terminal 也可以试试。
ScreenToGif: 一款方便可靠的 gif 动画录制软件
ScreenToGif 是一款方便可靠的 gif 动画录制软件,可以用来快速录制屏幕上的指定区域,将其直接保存为 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 可以帮助我们查看当前代码日志、历史,也可以查看单个文件中内容的作者。
如果要查看 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 是一款轻量的手绘风格电子白板在线应用。
小结
好用的工具能大大提升办公或写代码的效率,如果你平时有用到高效的生产力工具,欢迎在评论区交流分享。