大家好,我是 xy。
最近,微软发布了一部非常值得开发者看的纪录片:
《The Story of VS Code》
整整接近 100 分钟,VS Code 团队第一次比较完整地讲了这个编辑器是怎么诞生、开源,并一步步发展成今天这个样子的。
建议前端开发者都去看看。
有条件的也可以直接在 youtube 上观看 4K 超清版本:https://www.youtube.com/watch?v=kHL3XzjpT5w
VS Code 最开始,竟然只是个 Web 编辑器
很多人可能不知道,VS Code 最早根本不是我们今天看到的桌面编辑器。
它起源于微软苏黎世团队做的一个 Web 开发工具。
项目一路经历了:
Monaco → Visual Studio Online Monaco → VS Code
今天大家熟悉的 Monaco Editor,其实就是从这里来的。
更有意思的是,VS Code 从非常早期就和 TypeScript 深度绑定。
所以后来 VS Code 对 JavaScript / TypeScript 那套丝滑的代码提示、类型分析体验,也并非偶然。
一个 Web 项目,最后用 Electron 杀进桌面
真正改变 VS Code 命运的一步,是桌面化。
团队先尝试了 Node-Webkit,后来转向 Electron,最终把原本运行在浏览器里的编辑器搬到了 Windows、macOS 和 Linux。
这也造就了后来一个非常经典的技术路线:
Web 技术写桌面应用。
HTML + CSS + JavaScript / TypeScript + Electron
今天大家吐槽 Electron 吃内存,但不得不承认,VS Code 几乎把 Electron 这条路推到了巅峰。
开源 + 插件,VS Code 开始起飞
VS Code 真正爆发,还有两个关键决定:
开源,以及 Extension。
微软没有自己把所有语言、框架和工具全部塞进 VS Code,而是开放插件体系。
于是后面才有了我们熟悉的:
ESLint、Prettier、GitLens、Python、Docker、各种主题和调试工具……
VS Code 从一个编辑器,慢慢变成了一个开发平台。
LSP,甚至影响了整个编辑器行业
纪录片里还有一个非常重要的章节:
Language Server Protocol,也就是 LSP。
VS Code 把“编辑器”和“语言能力”拆开,通过统一协议,让不同语言服务器给编辑器提供代码补全、跳转、诊断等能力。
后来这套思路直接扩散到了整个开发工具行业。
Vim、Neovim、Zed 等大量编辑器都能接入 Language Server。
某种程度上,VS Code 留下的东西,早就不只有 VS Code 本身。
然后,AI 来了
纪录片最后很大一部分,都在讲 GitHub Copilot 和 AI。
其中一句话我印象很深:
“And just when it felt like the hard part was done, AI happened.”
大概意思就是:
好不容易感觉编辑器这件事快做完了,结果 AI 来了。
于是 VS Code 又开始变化。
从最早的代码补全,到 Chat,再到今天的 Agent Mode、终端操作、工具调用、自动修改代码。
VS Code 正在从“代码编辑器”,继续向 AI Agent 工作台 演化。
纪录片甚至专门留了一章讲:The Forks。
这也很有意思。
因为今天大量新一代 AI 编辑器,本身就建立在 VS Code 的代码、协议和插件生态之上。
写在最后
回头看 VS Code 这十几年,其实是一条非常清晰的路线:
Web Editor → Monaco → Electron → Open Source → Extension → LSP → Remote Development → Copilot → AI Agent
一个最初不起眼的 Web 编辑器,最后几乎重塑了整个开发工具行业。
更有意思的是,故事可能才刚刚开始。
以前 VS Code 最大的竞争力是插件生态。
到了 AI 时代,编辑器本身都开始重新被定义。
下一个十年,VS Code 还会是开发者的第一选择吗?