工欲善其事,必先利其器。好的工具显著提高生产效率
Homebrew
Homebrew 是 macOS 和 Linux 上的包管理器(Package Manager) ,用于安装、更新、卸载和管理软件,类似于 Linux 的 apt
或 yum
,大大简化了软件管理流程。
在根目录下直接运行下面的命令
/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 的简洁界面
Cursor
另一款鼎鼎有名的 AI Editor 就是 Cursor。Cursor 的 AI 是深度集成的,而不是 VS Code 那种依赖第三方插件。Cursor 支持 行级别补全、函数解释、代码重构、文档生成、自动写测试等,全部在编辑器内实现,不需要额外设置。
很多小伙伴觉得 Cursor 的 AI 功能十分强大,但是笔者用不习惯。保持敬畏!!!
WebStorm
WebStorm 是一个适用于 JavaScript 和相关技术的集成开发环境。提供了开发者所需的全部基本工具,使开发人员可以最大程度地减少上下文切换,自动执行常规工作并轻松处理复杂任务
WebStorm 专门针对 JavaScript 打造,对 JavaScript
、TypeScript
、React
、React Native
、Electron
、Vue
、Angular
、HTML
、样式表和许多其他技术的开箱即用支持,开发人员直接进行编码
WebStorm 深刻理解项目结构,并且可以在编写代码的各个方面提供帮助。 它提供智能的导航和搜索功能、自动补全代码、检测错误和冗余并提供修复建议,以及帮助开发人员安全地重构代码
功能十分强大,现在提供免费版本使用。
打败微信的不会是下一个微信,感觉在前端开发中 AI Editor 比 WS 体验好太多
Chrome
前端开发人员又名页面仔,自然而言离不开浏览器,而Chrome是最受欢迎的浏览器,提供非常强大的功能
要想前端开发技术好,Chrome DevTools 必须玩的溜
HTTPie
HTTPie 是一个现代化的 HTTP 客户端,主要用于测试和调试 API。它比传统的 curl
命令更易读、更直观,适合开发者、运维人员和测试人员使用。
HTTPie
的界面比 Postman
简洁,启动速度比 Postman
快,整体性能比 Postman
强,有什么理由还用 Postman
呢?
有关HTTPie
详细的内容可以阅读笔者的这篇文章 抛弃 Postman,换上 HTTPie 吧
Clash
懂的都懂
Docker
Docker 是一个轻量级的容器化平台,用于开发、部署和运行应用程序。它能把应用程序及其所有依赖打包到一个独立的容器(Container)中,确保在不同环境下都能稳定运行,解决了“在我机器上能跑,为什么线上跑不了?”的问题。
前端开发人员也要学习和运用 Docker 工具
Slack
用于工作的即时通信软件
Zoom/腾讯会议
用于线上会议
Warp
Warp 是一款现代化的终端(Terminal) ,专为 macOS 和 Linux 设计,提供GPU 加速、AI 辅助、可编程命令提示等功能,提升开发者的终端体验。
使用 Warp 很久了,感觉这是终端软件的终极形态
腾讯元宝
为什么装腾讯元宝呢?主要是deepseek的官方总是出现无法访问的情况,而腾讯元宝提供满血版deepseek-R1使用
Rectangle
Rectangle 是一款 macOS 窗口管理工具,可以通过快捷键快速调整窗口大小和位置,提高工作效率。它是开源的,轻量且易用,被许多 Mac 用户用来替代 BetterSnapTool 或 Magnet。
Rectangle 并不是最优秀的窗口管理工具。但是它是免费的,免费的,免费的
Bob
Bob 是一款 macOS 上的翻译工具,提供 快捷划词翻译、截图 OCR 识别、AI 朗读 等功能,适合程序员、学生、办公人士使用。
Bob的商店版需要花费58元购买,笔者使用的Bob社区版,自己申请的百度翻译API,一分钱不花。
笔者主要使用Bob选词翻译,体验非常棒
Snipaste
Snipaste 是一款 免费、轻量级的截图+贴图工具,适用于 Windows 和 macOS。它不仅能快速截图,还可以把截图贴在屏幕上,方便对比参考,非常适合程序员、设计师、办公人士使用。
有小伙伴说,微信提供截图功能呀!那问题来了,不登录微信,请问用什么工具截图方便呢?答案就是上面的Snipaste
妙言
妙言(Miaoyan) 是一款 简洁高效的 Markdown 文字编辑器,适用于 macOS 和 Windows,专注于极简、纯文本写作,类似 Typora,但更轻量、免费、无干扰。
妙言是tw93大佬开发的文字编辑器,界面简洁清新淡雅,个人觉得比Typora好用
Xmind
Xmind 是一款思维导图软件,主要用于头脑风暴、知识整理、项目规划等。它支持层级结构的图表,可视化地帮助用户组织和呈现信息。
Craft
Craft 是一款非常强大的写作和笔记应用,主要用于个人和团队协作,强调灵活性和美观的界面。它支持 Markdown 风格的文本格式化,并且提供了丰富的嵌入功能,可以将链接、图片、文件等直接嵌入到文档中。Craft 的优势之一是其“卡片”式的内容管理方式,让用户能够更方便地组织和整理信息。
它还支持团队协作,方便多人共同编辑一个文档。Craft 的另一个亮点是它的同步功能,可以在不同的设备上实时更新你的内容,支持 Web、iOS 和 macOS。
DataGrip
DataGrip 是 JetBrains 开发的一款 数据库管理和开发工具,适用于 SQL 开发人员、数据库管理员(DBA)和数据分析师。它支持多种数据库,并提供强大的 SQL 编辑、调试、查询优化等功能。
我知道有很多数据库GUI工具,但是DataGrip非常强大,独一档。开箱即用!唯一缺点是付费
Raycast
Raycast 是一款 macOS 上的快捷启动工具(launcher) ,类似于 Alfred,但功能更强大。它可以让你通过键盘快速打开应用、执行命令、搜索文件、运行脚本,甚至与第三方 API 交互,大大提高工作效率。
Raycast 免费版本提供的功能足够了
Flomo
Flomo 是一个非常轻量、专注于 “快速记录想法” 的笔记类应用,主打“碎片化记录”和“卡片笔记”的概念,被不少知识管理爱好者称为 灵感捕手 或“数字便签神器”,类似罗老师做的闪念胶囊
笔者已经用 Flomo 替换妙言了
Mos
一个用于在 macOS 上平滑你的鼠标滚动效果或单独设置滚动方向的小工具, 让你的滚轮爽如触控板。有的人一直使用 Mac 的触控板工作,有的人喜欢用鼠标,Mos 工具可以让鼠标滚轮效果接近触控板
这类工具软件很多很多,比 Mos提供的功能强大的工具很多,但是 Mos 是免费的
bundlephobia
Bundlephobia 是一个在线工具,用于分析 npm 包的大小、依赖关系和加载时间。它可以帮助前端开发者在引入 npm 包之前评估其对项目的影响,避免引入过大的依赖,优化 Web 应用的性能。
直接在输入框里输入npm包名,既可以查询结果
Excalidraw
Excalidraw 是一个开源的在线绘图工具,专为手绘风格的草图和流程图设计。它支持协作编辑,适用于创建快速草图、思维导图、架构设计、用户流程图等。
Ollama( 奥利玛)
Ollama 是一个开源的大型语言模型服务工具,用户可以轻松下载、运行和管理各种开源 LLM。与传统 LLM 需要复杂配置和强大硬件不同,Ollama 能够让用户在消费级的 PC 上体验 LLM 的强大功能。
搞 AI Agent 开发必装 Ollama 工具
使用 AnythingLLM + Ollama 轻松搭建企业内部知识库