vuepress-plugin-demoblock-plus 是一个基于 Vuepress 2.x 的插件,它可以帮助你在编写文档的时候增加 Vue 示例,它的诞生初衷是为了降低编写组件文档时增加一些相关示例的难度。 使用Vuepress 编写组件示例有以下不足之处: 1.组件示例和示例代码本质上一样,却需要写两遍。 2.Vuepress 无法渲染 Markdown 中的 script...
1、当执行npm run docs:dev时,默认会读取vuepress项目根目录docs下创建的md文件,比如:docs/components/pages/Slider.md 2、使用@vuepress/plugin-register-components插件,并在docs/.vuepress/config.js中配置好路径,在md文件中会自动识别vue组件 3、使用vuepress-plugin-demoblock-plus插件,可以将.vue文件的内容写在...
npm i vuepress-plugin-demo-block-vue3 --save-dev 如果你的网络环境不佳,推荐使用 cnpm。 配置插件 打开.vuepress/config.js 文件,然后在合适的位置引用插件: 配置扫描路径 componentsDir import { defineUserConfig } from 'vuepress' import blockDemo from "vuepress-plugin-demo-block-vue3" export default...
4.1 项目结构首先说明一下官方推荐的目录结构:4.2 创建项目文件夹可以右键手动新建,也可以使用 mkdir 命令新建:mkdir vuepressBlogDemo全局安装 VuePressnpm install -gvuepress进入 vuepressBlogDemo 文件夹,初始化项目 使用 npm init 或 npm init -y(默认yes)npm init -y4.3 创建文件 ...
vuepress-theme-vdoing一个面向程序员的知识管理＆博客主题，轻松搭建一个结构清晰的知识库，让你的知识...
import DemoBlock from './demo-block.vue'; export default defineClientConfig({ enhance({ app, router, siteData }) { app.use(ElementPlus); app.use(MagicForm, { request: (options: any) => new Promise((resolve) => { if (options.url === 'select/remote') { setTimeout(() => { re...
npm i -D @vuepress/plugin-prismjs@next ``` ::: Then enable prismjs plugin and customize it with `plugins.prismjs` in theme options (you must not set `plugins.shiki` option): We support all options in [`@vuepress/plugin-prismjs`][prismjs]. ### Code Block Themes Besides, you...