前端开发人员必备的Mac应用

2,703 阅读7分钟

工欲善其事,必先利其器。好的工具显著提高生产效率

Homebrew

Homebrew 是 macOS 和 Linux 上的包管理器(Package Manager) ,用于安装、更新、卸载和管理软件,类似于 Linux 的 aptyum,大大简化了软件管理流程。

image.png

在根目录下直接运行下面的命令

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

安装成功后,安装其它命令,例如 brew install httpie

下文推荐的软件都可以通过 Homebrew 安装

VSCode

VSCode(Visual Studio Code)是微软开发的一款免费、开源、跨平台的代码编辑器,支持 Windows、macOS 和 Linux。它以轻量、扩展性强、调试功能强大而受到开发者的广泛欢迎。

如果你喜欢折腾VSCode Theme主题,可以看看这个网站 VS Code Themes,里面提供了非常多的主题。不过笔者折腾来折腾去,最后还是使用 VSCode 原生主题,hhhhhhhhhh

VSCode.png

笔者超喜欢的 VSCode 的简洁界面

Cursor

另一款鼎鼎有名的 AI Editor 就是 Cursor。Cursor 的 AI 是深度集成的,而不是 VS Code 那种依赖第三方插件。Cursor 支持 行级别补全、函数解释、代码重构、文档生成、自动写测试等,全部在编辑器内实现,不需要额外设置。

很多小伙伴觉得 Cursor 的 AI 功能十分强大,但是笔者用不习惯。保持敬畏!!!

Cursor.png

WebStorm

WebStorm 是一个适用于 JavaScript 和相关技术的集成开发环境。提供了开发者所需的全部基本工具,使开发人员可以最大程度地减少上下文切换,自动执行常规工作并轻松处理复杂任务

WebStorm 专门针对 JavaScript 打造,对 JavaScriptTypeScriptReactReact NativeElectronVueAngularHTML、样式表和许多其他技术的开箱即用支持,开发人员直接进行编码

WebStorm 深刻理解项目结构,并且可以在编写代码的各个方面提供帮助。 它提供智能的导航和搜索功能、自动补全代码、检测错误和冗余并提供修复建议,以及帮助开发人员安全地重构代码

WS.png

功能十分强大,现在提供免费版本使用。

打败微信的不会是下一个微信,感觉在前端开发中 AI Editor 比 WS 体验好太多

Chrome

前端开发人员又名页面仔,自然而言离不开浏览器,而Chrome是最受欢迎的浏览器,提供非常强大的功能

要想前端开发技术好,Chrome DevTools 必须玩的溜

HTTPie

HTTPie 是一个现代化的 HTTP 客户端,主要用于测试和调试 API。它比传统的 curl 命令更易读、更直观,适合开发者、运维人员和测试人员使用。

截屏2025-03-19 11.07.15.png

HTTPie 的界面比 Postman 简洁,启动速度比 Postman 快,整体性能比 Postman 强,有什么理由还用 Postman 呢?

有关HTTPie详细的内容可以阅读笔者的这篇文章 抛弃 Postman,换上 HTTPie 吧

Clash

懂的都懂

Docker

Docker 是一个轻量级的容器化平台,用于开发、部署和运行应用程序。它能把应用程序及其所有依赖打包到一个独立的容器(Container)中,确保在不同环境下都能稳定运行,解决了“在我机器上能跑,为什么线上跑不了?”的问题。

前端开发人员也要学习和运用 Docker 工具

Slack

用于工作的即时通信软件

Zoom/腾讯会议

用于线上会议

Warp

Warp 是一款现代化的终端(Terminal) ,专为 macOS 和 Linux 设计,提供GPU 加速、AI 辅助、可编程命令提示等功能,提升开发者的终端体验。

Warp.png

使用 Warp 很久了,感觉这是终端软件的终极形态

腾讯元宝

为什么装腾讯元宝呢?主要是deepseek的官方总是出现无法访问的情况,而腾讯元宝提供满血版deepseek-R1使用

Rectangle

Rectangle 是一款 macOS 窗口管理工具,可以通过快捷键快速调整窗口大小和位置,提高工作效率。它是开源的,轻量且易用,被许多 Mac 用户用来替代 BetterSnapTool 或 Magnet。

截屏2025-03-19 11.06.03.png

Rectangle 并不是最优秀的窗口管理工具。但是它是免费的,免费的,免费的

Bob

Bob 是一款 macOS 上的翻译工具,提供 快捷划词翻译、截图 OCR 识别、AI 朗读 等功能,适合程序员、学生、办公人士使用。

截屏2025-03-19 11.06.42.png

Bob的商店版需要花费58元购买,笔者使用的Bob社区版,自己申请的百度翻译API,一分钱不花。

笔者主要使用Bob选词翻译,体验非常棒

Snipaste

Snipaste 是一款 免费、轻量级的截图+贴图工具,适用于 Windows 和 macOS。它不仅能快速截图,还可以把截图贴在屏幕上,方便对比参考,非常适合程序员、设计师、办公人士使用。

截屏2025-03-19 11.08.54.png

有小伙伴说,微信提供截图功能呀!那问题来了,不登录微信,请问用什么工具截图方便呢?答案就是上面的Snipaste

妙言

妙言(Miaoyan) 是一款 简洁高效的 Markdown 文字编辑器,适用于 macOS 和 Windows,专注于极简、纯文本写作,类似 Typora,但更轻量、免费、无干扰。

截屏2025-03-19 11.08.31.png

妙言是tw93大佬开发的文字编辑器,界面简洁清新淡雅,个人觉得比Typora好用

Xmind

Xmind 是一款思维导图软件,主要用于头脑风暴、知识整理、项目规划等。它支持层级结构的图表,可视化地帮助用户组织和呈现信息。

截屏2025-03-22 20.41.48.png

Craft

Craft 是一款非常强大的写作和笔记应用,主要用于个人和团队协作,强调灵活性和美观的界面。它支持 Markdown 风格的文本格式化,并且提供了丰富的嵌入功能,可以将链接、图片、文件等直接嵌入到文档中。Craft 的优势之一是其“卡片”式的内容管理方式,让用户能够更方便地组织和整理信息。

它还支持团队协作,方便多人共同编辑一个文档。Craft 的另一个亮点是它的同步功能,可以在不同的设备上实时更新你的内容,支持 Web、iOS 和 macOS。

截屏2025-03-24 20.48.23.png

DataGrip

DataGrip 是 JetBrains 开发的一款 数据库管理和开发工具,适用于 SQL 开发人员、数据库管理员(DBA)和数据分析师。它支持多种数据库,并提供强大的 SQL 编辑、调试、查询优化等功能。

截屏2025-03-22 21.07.05.png

我知道有很多数据库GUI工具,但是DataGrip非常强大,独一档。开箱即用!唯一缺点是付费

Raycast

Raycast 是一款 macOS 上的快捷启动工具(launcher) ,类似于 Alfred,但功能更强大。它可以让你通过键盘快速打开应用、执行命令、搜索文件、运行脚本,甚至与第三方 API 交互,大大提高工作效率。

截屏2025-03-23 07.58.21.png

Raycast 免费版本提供的功能足够了

Flomo

Flomo 是一个非常轻量、专注于 “快速记录想法” 的笔记类应用,主打“碎片化记录”和“卡片笔记”的概念,被不少知识管理爱好者称为 灵感捕手 或“数字便签神器”,类似罗老师做的闪念胶囊

截屏2025-04-25 09.51.51.png

笔者已经用 Flomo 替换妙言了

Mos

一个用于在 macOS 上平滑你的鼠标滚动效果或单独设置滚动方向的小工具, 让你的滚轮爽如触控板。有的人一直使用 Mac 的触控板工作,有的人喜欢用鼠标,Mos 工具可以让鼠标滚轮效果接近触控板

截屏2025-04-25 10.00.03.png

这类工具软件很多很多,比 Mos提供的功能强大的工具很多,但是 Mos 是免费的

bundlephobia

Bundlephobia 是一个在线工具,用于分析 npm 包的大小、依赖关系和加载时间。它可以帮助前端开发者在引入 npm 包之前评估其对项目的影响,避免引入过大的依赖,优化 Web 应用的性能。

截屏2025-03-21 10.00.06.png

直接在输入框里输入npm包名,既可以查询结果

Excalidraw

Excalidraw 是一个开源的在线绘图工具,专为手绘风格的草图和流程图设计。它支持协作编辑,适用于创建快速草图、思维导图、架构设计、用户流程图等。

截屏2025-03-21 10.01.47.png

Ollama( 奥利玛)

Ollama 是一个开源的大型语言模型服务工具,用户可以轻松下载、运行和管理各种开源 LLM。与传统 LLM 需要复杂配置和强大硬件不同,Ollama 能够让用户在消费级的 PC 上体验 LLM 的强大功能。

搞 AI Agent 开发必装 Ollama 工具

截屏2025-04-25 09.57.20.png

使用 AnythingLLM + Ollama 轻松搭建企业内部知识库