2024年前端工程师推荐的效率工具

很多从windows系统切换到Mac OS,不太习惯,下面分享我常用的效率工具,适合前端宝宝体质,篇幅较长,耐心食用😘

浏览器拓展

沉浸式翻译

翻译免费,支持调用多家API,默认使用谷歌翻译,还支持免费的视频双语字幕(基于谷歌),适合看某管及外语视频

NotionCN

Notion笔记网页版的汉化插件

Bitwarden密码管理器

免费开源的密码管理库,支持桌面版,浏览器插件版,手机app版,可自动检测网页的表单实现自动填充,随机密码生成器,指纹/人脸解锁密码库,是1Password的免费平替

优点:
1、支持大多数网站的表单自动填充,也支持手动点击填充
2、各端密码同步速度快,mac支持指纹解锁/Apple Watch解锁,ios版支持Face ID

缺点:
1、因为是免费开源,密码库保存在Bitwarden自家的服务器上,担心密码安全,官方推荐保存到自己的服务器
2、注册和解锁密码库需要记住一个主密码,一旦忘记主密码,官方和耶稣都找不回

VScode拓展

别名路径跳转

Mac按住Command键点击文件路径,可直接跳转到该文件

Mac效率软件

iShot Pro

用过的都说好用,支持录屏成mp4或者gif,OCR截图翻译,网页滚动长截图等,缺点是Pro版需要订阅,价格较贵,图片来自官网,官网还有其他好用的软件(www.better365.cn/ishot.html)

ClashX Pro

Mac必备的代理软件,YYDS无需多言

iCopy

跟上面的iShot Pro出自同一开发商,免费的剪贴板工具,支持图片,文本等,双击实现黏贴,Paste Now等的平替,(www.better365.cn)

BetterAndBetter

一款支持触控板,普通鼠标,妙控鼠标,键盘及屏幕边角自定义的效率软件,可以给这些设备设置画线,解锁其他手势实现某些功能,键盘快捷键自定义,屏幕边角自定义,iCloud同步设置好的规则到其他设备,日常开发中用得最多的是切换标签页,窗口最小化,屏幕边角切换音量等,更多手势请去下载体验,重点还是免费,免费,免费,(www.better365.cn)

IINA

可以说是Mac必备的一款播放器,小巧强大,如需外挂网盘资源库推荐Infuse(iina.io/)

非常流行的Mac状态栏软件,可查看CPU,GPU,内存,网速,控制风扇转速等功能

Bartender

Mac菜单栏美化软件,菜单栏图标太多,可以设置隐藏,最新5版本支持菜单栏分隔并设置背景颜色,边框,指针碰到菜单栏显示隐藏的菜单栏,菜单栏图标调整间距,刘海屏必备

Mos

Mac使用第三方鼠标,会遇到滚动反方向,滚动不丝滑的问题,软件优化了滚动算法,使罗技等第三方鼠标获得windows的丝滑体验(mos.caldis.me/)

Alfred

非常著名的工作流效率软件,可替换系统的Spolight搜索,支持自定义各种工作流,快捷搜索网页,打开app,查找文件等,自定义搜索对前端宝宝非常友好,搜索,爽~

Warp

对于不喜欢折腾其他终端iTerm/on-my-zsh等的人,Warp简直不要太好,开箱即用,流畅丝滑的体验,自带的基于GPT-3的AI提示助手,支持上传图片作为背景,非常优雅,爱了爱了

MessAuto

一款接收手机验证码自动填充到验证码输入框并自动回车实现登录的小众软件(悬浮窗功能不推荐开启)(github.com/LeeeSe/Mess...)

总结

由于文章篇幅较长,更多好用的软件后续会继续分享,请在评论区分享大家觉得适合前端的效率工具😘

相关推荐
LaoZhangAI1 小时前
2025最全GPT-4o图像生成API指南:官方接口配置+15个实用提示词【保姆级教程】
前端
ONE_Gua1 小时前
chromium魔改——CDP(Chrome DevTools Protocol)检测01
前端·后端·爬虫
LaoZhangAI1 小时前
2025最全Cherry Studio使用MCP指南:8种强大工具配置方法与实战案例
前端
咖啡教室1 小时前
前端开发日常工作每日记录笔记(2019至2024合集)
前端·javascript
溪饱鱼1 小时前
Nuxt3能上生产吗?
前端
咖啡教室1 小时前
前端开发中JavaScript、HTML、CSS常见避坑问题
前端·javascript·css
LaoZhangAI3 小时前
Claude MCP模型上下文协议详解:AI与外部世界交互的革命性突破【2025最新指南】
前端
LaoZhangAI3 小时前
2025最全Cursor MCP实用指南:15个高效工具彻底提升AI编程体验【实战攻略】
前端
Kagerou4 小时前
vue3基础知识(结合TypeScript)
前端
市民中心的蟋蟀4 小时前
第五章 使用Context和订阅来共享组件状态
前端·javascript·react.js