• 尤雨溪官宣正式推出 VitePress 1.0
  • 发布于 2个月前
  • 83 热度
    0 评论

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

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


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

VitePress 是什么?
VitePress 是一个静态站点生成器 (SSG),专为构建快速、以内容为中心的站点而设计。简而言之,VitePress 获取用 Markdown 编写的内容,对其应用主题,并生成可以轻松部署到任何地方的静态 HTML 页面。如果你觉得理解上面两句话困难,可以用一句话简单理解 VitePress — Vue/VueUse/Pinia/Vite/Vitest 等官方文档,都是基于 VitePress 构建的。

根据介绍,VitePress 旨在使用 Markdown 生成内容时提供出色的开发体验。
1.它由 Vite 驱动,始终立即反映 (<100ms) 编辑变化,无需重新加载页面。
2.内置 Markdown 扩展提供 frontmatter、表格和语法高亮显示等功能。
3.使用 Vue 增强的 Markdown,由于 Vue 模板的语法与 HTML 兼容,每个页面都是一个 Vue 单文组件。开发人员可以使用 Vue 模板功能或导入的 Vue 组件在静态内容中嵌入交互性。
以其「内容为王,Markdown 至上」的理念,将简洁的 Markdown 内容转换为优雅的文档网站。

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

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

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 选择推荐。
用户评论