Vue 团队成员又搞了个 "新玩具"!

Vue 团队成员真的是太卷了,又搞了个新玩具:markdown-exit------markdown-itTypeScript「重构版」来了!

如果你用过 VitePressSlidev、或者任何 Vue 系文档站,你一定对 markdown-it 不陌生:它就是把 Markdown 变成 HTML 的那台"发动机"。

问题是,这台发动机是 2014 年的设计,纯 JavaScript 写成,类型靠社区维护,异步插件更是想都别想。

于是,Vue 团队的核心成员 Anthony Fu 在推特上"许愿":

"我找这东西太久了!缺少异步插件限制了我们太多玩法,真希望 VitePressSlidev 能用上。"

不到两周,SerKo(@serkodev)直接甩出一个新仓库------markdown-exit

它到底干了啥?

把 Markdown 转成 HTML,但换了颗**"TypeScript 心脏"**。

能力 markdown-it markdown-exit
输出 HTML ✅(100% 兼容)
同步插件
异步插件 ✅(官方支持)
类型定义 社区 @types 原生自带
现代构建 Vite + Vitest + pnpm monorepo
代码高亮 靠插件 异步高亮一句话搞定

对 Vue 生态意味着什么?

  • VitePress:以后可以在编译阶段做"异步代码拉取"、"远程片段嵌入"而不用写脏脚本。
  • Slidev:幻灯片里直接引用 GitHub 文件、CodePen、CodeSandbox,实时渲染。
  • 普通 Vue 项目 :服务端渲染(SSR)或边缘函数(Vite SSR / Nuxt)里,再也不用 require('@types/markdown-it') 一把梭。

Anthony Fu 在转发里写:

"等不及想在 VitePress、Slidev 上落地了!"

两分钟上手

bash 复制代码
# 最新特性版(公测中)
npm i markdown-exit

# 求稳用兼容版
npm i markdown-exit@legacy
ts 复制代码
// 命名导入,Tree-shaking 友好
import { createMarkdownExit } from 'markdown-exit'

const md = createMarkdownExit()
console.log(md.render('# Hello markdown-exit'))

异步高亮示例(以前做不到):

ts 复制代码
md.use(asyncPlugin, async (code, lang) => {
  const html = await fetchHighlighter(lang) // 任意异步操作
  return html
})

迁移零成本

旧项目里全局替换即可:

diff 复制代码
- import MarkdownIt from 'markdown-it'
+ import MarkdownExit from 'markdown-exit'

所有插件配置渲染结果一行不改,直接运行。

时间线 & 路线图

  • 现在v1.0.0-beta 公测,功能已齐,API 锁定中。
  • 未来 1 ~ 2 个月 :发布正式版 v1.0.0;VitePressSlidev 官方模板同步切换。
  • 长期 :探索 AST 级别缓存、WebAssembly 加速、流式渲染等高级玩法。

结语

vue/corevite,再到现在的 markdown-exit,Vue 团队及其周边伙伴似乎一直在做同一件事:
把"底层基础设施"重新洗一遍牌,让上层开发者爽到飞起。

所以,下次你要在 Vue 项目里"整点 Markdown"时,不妨试试这颗新心脏------
npm i markdown-exit,然后跟过去的类型报错、异步限制说拜拜吧!

  • markdown-exit Github 地址: https://github.com/serkodev/markdown-exit
相关推荐
一点一木1 天前
深度体验TRAE SOLO移动端7天:作为独立开发者,我把工作流揣进了兜里
前端·人工智能·trae
天外飞雨道沧桑1 天前
TypeScript 中 omit 和 record 用法
前端·javascript·typescript
Lee川1 天前
mini-cursor 揭秘:从 Tool 定义到 Agent 循环的完整实现
前端·人工智能·后端
canonical_entropy1 天前
从 Spec-Driven Development 到 Attractor-Guided Engineering
前端·aigc·ai编程
研☆香1 天前
聊聊前端页面的三种长度单位
前端
给钱,谢谢!1 天前
React + PixiJS 实现果园成长页:从状态机到浇水动画
前端·react.js·前端框架
暗冰ཏོ1 天前
VUE面试题大全
前端·javascript·vue.js·面试
次元工程师!1 天前
LangFlow开发(三)—Bundles组件架构设计(3W+字详细讲解)
java·前端·python·低代码·langflow
Bug-制造者1 天前
现代Web应用全栈开发:从架构设计到部署落地实战
前端
青春喂了后端1 天前
IntelliGit 前端状态层重构:把一个全局 Store 拆成清晰的状态边界
前端·重构·状态模式