尤雨溪官宣正式推出 VitePress 1.0

今天给大家介绍VitePress 1.0。是的没错，那个男人又双叒叕出手了。

不久前，尤大在推特上十分鸡冻地分享，VitePress 1.0 正式发布，这也是 VitePress 诞生以来升级的第一个语义化主版本，一个值得纪念的里程碑。

这是尤大在推特上分享VitePress 1.0发布的消息，他宣布正式发布 VitePress 1.0 版本，并声称其 “基于 Vite 和 Vue 构建，是 VuePress 的精神继承者和现代替代品。”

image.png

让我们花上几分钟来看看 VitePress 到底是个什么 👻

VitePress 是什么？

VitePress 是一个静态站点生成器 (SSG)，专为构建快速、以内容为中心的站点而设计。

简而言之，VitePress 获取用 Markdown 编写的内容，对其应用主题，并生成可以轻松部署到任何地方的静态 HTML 页面。

如果你觉得理解上面两句话困难，可以用一句话简单理解 VitePress — Vue/VueUse/Pinia/Vite/Vitest 等官方文档，都是基于 VitePress 构建的。

根据介绍，VitePress 旨在使用 Markdown 生成内容时提供出色的开发体验。

• 它由 Vite 驱动，始终立即反映 (<100ms) 编辑变化，无需重新加载页面。

• 内置 Markdown 扩展提供 frontmatter、表格和语法高亮显示等功能。

• 使用 Vue 增强的 Markdown，由于 Vue 模板的语法与 HTML 兼容，每个页面都是一个 Vue 单文组件。开发人员可以使用 Vue 模板功能或导入的 Vue 组件在静态内容中嵌入交互性。

以其「内容为王，Markdown 至上」的理念，将简洁的 Markdown 内容转换为优雅的文档网站。

尤大的这次更新，不仅提升了 VitePress 的性能，还保持了其快速构建的特点，真正做到了“几分钟，一杯泡面的时间，即可完成部署”。

VitePress 与 VuePress 比较

VitePress 虽然与 VuePress 有着紧密的联系，但两者在设计理念和性能上有着显著的差异。

image.png

VitePress 的目标是拥有编写文档所需的最低限度功能。

VuePress，作为一个专注于 Vue 生态的文档工具，有更多现成功能，已经帮助无数开发者构建了博客和文档。

然而，随着前端技术的发展，尤其是 Vite 的出现，VuePress 基于 Vue 2 和 webpack 的构建方式显得有些力不从心。

VitePress 的诞生，正是为了解决这一问题。它不仅继承了 VuePress 的优点，还利用了 Vite 的高速性能，为用户提供了更加流畅的开发体验。VitePress 1.0 的发布，标志着静态站点生成器的新篇章。

选择 VitePress 的理由

VitePress 的优势在于其轻量级和高性能。与传统的 SSG 相比，VitePress 在首次加载后能够迅速切换页面，提供高效的用户交互体验。对于希望快速构建轻量级、内容驱动的网站的开发者来说，VitePress 是一个理想的选择。

此外，VitePress 的文档友好且易于上手，尤其适合那些已经熟悉 Vue 和 Vite 生态的开发者。虽然 VitePress 目前不支持插件系统，但对于大多数用户来说，其提供的功能已经足够满足日常需求。

官方表示：

VitePress 和 VuePress 之间的 API 区别主要在于主题和自定义。如果使用的是带有默认主题的 VuePress 1，迁移到 VitePress 相对简单。

VuePress 2 也投入了精力，它也支持 Vue 3 和 Vite，与 VuePress 1 的兼容性更好。但是，并行维护两个 SSG 是难以持续的，因此 Vue 团队决定将重点放在 VitePress，作为长期的主要 SSG 选择推荐