在vitepress 1.0之前(如 0.22.0),vitepress-theme-demoblock是个非常好的选择,支持区块内的方式展示 Demo 和示例代码,但从 npmjs 上面可以看到该插件有一年多没更新了,在vitepress 1.0中会报错。不停搜索,总算找到一个可以很好支持vitepress 1.0的插件 ——vitepress-demo-preview,这里非常感谢vitepress-demo-preview的...
如果某个组件文档中 demo 较少,可以使用第一种方式,直接在 MD 文档中编写组件 demo;但如果 demo 较多或 demo 实现较复杂,可以使用第二种方式。所以最好两种方式都支持。 在vitepress 1.0 之前(如 0.22.0),vitepress-theme-demoblock 是个非常好的选择,支持区块内的方式展示 Demo 和示例代码,但从 npmjs 上面...
再引入vitepress-demoblock提供的demo组件 // .vitepress/theme/index.ts or .vitepress/theme/index.jsimportDefaultThemefrom'vitepress/theme';//引入默认主题importdemofrom'vitepress-demoblock/demo.vue'exportdefault{ ...DefaultTheme,enhanceApp({ app }) { app.component('demo', demo) } 使用 输入 <demo...
vitepress-theme-demoblock 参考了Element UI的文档渲染,实现了和它一样的,可在 Markdown 中直接编写示例的语法。 查看Demo 安装 npm install -D vitepress-theme-demoblock yarn add -D vitepress-theme-demoblock 用法 .vitepress/config.js文件中使用demoBlockPlugin插件 ...
在vitepress 1.0之前(如 0.22.0),vitepress-theme-demoblock是个非常好的选择,支持区块内的方式展示 Demo 和示例代码,但从 npmjs 上面可以看到该插件有一年多没更新了,在vitepress 1.0中会报错。不停搜索,总算找到一个可以很好支持vitepress 1.0的插件 ——vitepress-demo-preview,这里非常感谢vitepress-demo-preview的...
npm install -D vitepress-theme-demoblock 申明插件 在.vitepress/config.ts 中引入注册 importdemoBlockfrom'vitepress-theme-demoblock'constconfig = {// 其他配置markdown: { config:(md) =>{// 这里可以使用 markdown-it 插件const{ demoBlockPlugin } = demoBlock ...
基于Vitepress-Theme-Demoblock 插件来实现vue组件的支持。 [x] vue组件 <demo-block> <xl-button>默认按钮</xl-button> <xl-button type="primary">主要按钮</xl-button> <xl-button type="success">成功按钮</xl-button> <xl-button type="info">信息按钮</xl-button> <xl-button type="warning">...
安装vitepress-theme-demoblock插件,github 地址 代码语言:txt AI代码解释 npm install -D vitepress-theme-demoblock # or yarn add -D vitepress-theme-demoblock 配置config.js 代码语言:txt AI代码解释 module.exports = { markdown: { config: (md) => { ...
vitepress-theme-demoblock 插件,github 地址 代码语言:javascript 代码运行次数:0 运行 AI代码解释 npm install-Dvitepress-theme-demoblock # or yarn add-Dvitepress-theme-demoblock 配置config.js 代码语言:javascript 代码运行次数:0 运行 AI代码解释
mkdirvitepress-demo-mondaylab &&cdvitepress-demo-mondaylab 接着,使用你喜欢的包管理器进行初始化。这里我用pnpm,如下代码所示: # 如果没有安装过pnpm,可以全局安装下sudonpm install -g pnpm# 用pnpm初始化pnpm init 项目初始化完成以后,使用pnpm将vitepress安装为本地依赖。如下代码所示: ...