Back

探索 Zed:面向现代开发者的新型开源编辑器

探索 Zed:面向现代开发者的新型开源编辑器

寻求速度和现代协作功能的前端开发者现在有了一个令人信服的传统编辑器替代方案。Zed 是一款完全用 Rust 构建的开源编辑器,承诺提供 GPU 加速性能和原生团队功能,挑战 VS Code 的主导地位。但它是否真正兑现了对 JavaScript 和 TypeScript 开发者的承诺?

核心要点

  • Zed 使用 GPU 加速实现大型代码库的响应式、无延迟编辑
  • 原生协作功能包括实时多光标编辑和内置语音通话
  • TypeScript/JavaScript 支持开箱即用,自动配置语言服务器
  • AI 集成支持多个提供商,包括 OpenAI、Claude 和 GitHub Copilot

Zed 与其他现代代码编辑器的不同之处

Zed 代表了对代码编辑器架构的根本性重新思考。这款开源编辑器由 Atom 和 Tree-sitter 的原始开发者(Nathan Sobo、Antonio Scandurra 和 Max Brunsfeld)创建,利用 Rust 的性能能力和通过其自定义 GPUI 框架实现的 GPU 加速。

与在 CPU 上渲染界面的传统编辑器不同,Zed 直接在 GPU 上栅格化整个窗口——文本、UI 元素和图形。这种架构选择为前端开发者在处理大型 TypeScript 代码库或复杂 React 应用时提供了所需的响应式、无延迟编辑体验。

该编辑器频繁发布更新,正在积极推进其 1.0 版本,完全支持 macOS、Linux 和 Windows 平台。

面向前端开发的核心功能

TypeScript 和 JavaScript 支持

Zed 开箱即用地提供强大的 TypeScript/JavaScript 支持。编辑器自动检测项目的语言并配置适当的语言服务器,无需手动设置。对于前端开发者来说,这意味着可以立即获得针对 React、Vue、Angular 和原生 JavaScript 项目的 IntelliSense、类型检查和重构能力。

多缓冲区功能在前端工作中尤为出色。当重构跨多个文件使用的组件时,Zed 在单个可编辑视图中显示所有引用——无需在标签页之间跳转即可进行一致的更改。

集成的 Git 工作流

使用 Git 的前端开发者会欣赏 Zed 的原生 Git 集成。编辑器提供内联差异可视化、分支管理和提交历史,无需扩展。这种精简的方法让你专注于代码而不是管理工具。

Zed 中的 AI 驱动开发

Zed 中的 AI 驱动能力通过与当前大型语言模型的集成来实现。开发者可以连接自己的 API 密钥,用于 OpenAI、Anthropic 的 Claude 或 GitHub Copilot 等服务,实现上下文感知的代码建议和自然语言代码生成。

对于前端开发者来说,这意味着你可以用简单的中文描述一个 React 组件并让 AI 生成样板代码,或者要求它将类组件转换为 hooks——所有这些都无需离开编辑器。

实时协作功能

Zed 的协作模型使其在其他现代代码编辑器中脱颖而出。原生多人功能包括:

  • 实时多光标编辑:通过彩色光标和头像准确看到团队成员的工作位置
  • 团队频道:用于项目讨论的持久空间,类似于 Slack 频道但集成到编辑器中
  • 内置音频通信:直接在编辑器内进行语音通话,消除上下文切换
  • 项目共享:即时与队友共享本地开发环境

这些功能对于结对编程会话、代码审查或与远程团队成员调试生产问题非常有价值。

Zed 入门

安装

安装 Zed 只需几秒钟:

macOS/Linux:

curl -f https://zed.dev/install.sh | sh

Windows:zed.dev 下载安装程序并按照设置向导操作。

面向前端开发者的基本配置

安装后,为前端开发优化 Zed:

  1. 启用保存时格式化以保持一致的代码风格
  2. 配置你喜欢的主题(Zed 包含多个浅色和深色选项)
  3. 设置键盘快捷键——如果你喜欢,Zed 支持 Vim 绑定
  4. 连接你的 AI 提供商以获得代码补全

Zed vs. VS Code:做出选择

虽然 VS Code 的广泛扩展生态系统仍然无与伦比,但 Zed 为优先考虑性能和协作的团队提供了令人信服的优势。该编辑器将许多在 VS Code 中需要扩展的功能——Git 集成、AI 支持和协作工具——作为原生功能包含在内。

前端开发者应该在以下情况下考虑 Zed:

  • 团队协作是日常需求
  • 编辑器性能影响生产力
  • 你更喜欢集成工具而不是管理扩展
  • 你的工作流以 TypeScript/JavaScript 开发为中心

如果你需要用于框架、测试工具或部署管道的专用扩展,而这些在 Zed 不断增长的扩展生态系统中尚不可用,VS Code 仍然是更好的选择。

结论

Zed 代表了代码编辑器设计的深思熟虑的演进,在不牺牲开发者体验的情况下优先考虑性能和协作。对于使用现代 JavaScript 框架的前端团队来说,其 GPU 加速性能和原生协作功能提供了切实的生产力优势。虽然扩展生态系统仍在成熟,但 Zed 已经提供了大多数前端开发者日常所需的核心功能。

该编辑器的开源特性和快速开发周期预示着光明的未来。寻求快速、现代的传统编辑器替代方案的前端开发者应该认真评估 Zed——特别是如果实时协作是他们工作流程的一部分。

常见问题

不支持,Zed 有自己的扩展系统,仍在不断发展中。虽然它原生涵盖了基本功能,但针对特定框架或工具的专用 VS Code 扩展可能还没有 Zed 等效版本。

是的,Zed 是开源且免费的。只有当你选择连接自己的 API 密钥用于 OpenAI 或 Claude 等服务时,才需要为可选的 AI 功能付费。

当然可以。Zed 在没有互联网连接的情况下也能完美地作为本地编辑器工作。协作功能是可选的,只有在你明确加入频道或共享项目时才会激活。

Zed 需要 GPU 才能获得最佳性能,这可能会影响较旧的机器。VS Code 可能在没有独立显卡的系统上运行得更好,尽管 Zed 的效率通常可以在现代硬件上弥补这一点。

Understand every bug

Uncover frustrations, understand bugs and fix slowdowns like never before with OpenReplay — the open-source session replay tool for developers. Self-host it in minutes, and have complete control over your customer data. Check our GitHub repo and join the thousands of developers in our community.

OpenReplay