This plugin supports the following configurations. module.exports={plugins:[['demo-code',{jsLibs:[// umd'https://unpkg.com/tua-storage/dist/TuaStorage.umd.js',],cssLibs:['https://unpkg.com/animate.css@3.7.0/animate.min.css',],vueVersion:'^3',showText:'show code',hideText:'hide',s...
Then install the plugin $ npm i -D vuepress-plugin-demo-code#OR$ pnpm i -D vuepress-plugin-demo-code#OR$ yarn add -D vuepress-plugin-demo-code If you are usingvuepress 2.x, please install the next version. $ npm i -D vuepress-plugin-demo-code@next#OR$ pnpm i -D vuepress-plugin...
$ yarn add -D vuepress-plugin-demo-code module.exports= {plugins: ['demo-code'], }; module.exports= {plugins: [ ['demo-code', {jsLibs: [// umd'https://unpkg.com/tua-storage/dist/TuaStorage.umd.js', ],cssLibs: ['https://unpkg.com/animate.css@3.7.0/animate.min.css', ],sho...
import { defineUserConfig } from "vuepress"; // 导入插件 import vuepressPluginDemoCode from "@ddongui/vuepress-plugin-demo-block"; export default defineUserConfig({ // 使用插件 plugins: [vuepressPluginDemoCode()], }) 2 在您的docs(与.vuepress文件夹平级)下,创建examples文件夹。 然后如图...
}, plugins: [ ['vuepress-plugin-code-copy', true], //复制代码块的插件 ] } 运行后效果:当鼠标悬浮到代码块上,就会出现一个图标,点击该图标即可复制 官网:znicholasbrown/vuepress-plugin-code-copy reading-progress reading-progress 是一个显示阅读进度条的插件。 ...
官网:https://github.com/znicholasbrown/vuepress-plugin-code-copy reading-progress reading-progress 是一个显示阅读进度条的插件。 安装: npm i vuepress-plugin-reading-progress 在config.js 里配置 plugins: [ ['vuepress-plugin-code-copy', true], //复制代码块的插件...
📝 Demo and code plugin for vuepress democodevuepressvuepress-plugin UpdatedOct 17, 2022 Vue meteorlxy/awesome-vuepress Star121 ⭐ Awesome list of VuePress awesomevuepressvuepress-themevuepress-plugin UpdatedOct 29, 2019 calebman/vuepress-plugin-demo-container ...
importdemofrom"vuepress-plugin-component-demo";exportdefault{plugins: ["vuepress-plugin-component-demo"], }; README.md # Titledescription...## Function1<demoname="function1"/> Result Options Extends Use custom demo block: . ├──docs│ ├──.vuepress│ │ ├──components│ │ │ ├─...
于是写了一个vuepress的插件vuepress-plugin-code-example,用法也十分简单,只需要给到文件相对于docs/.vuepress/components这个路径的地址即可。 ::: code-example path-to-file ::: 例如,你的组件路径是docs/.vuepress/components/demo.vue ::: code-example demo.vue ...
vuepress-plugin-demoblock-plus 是一个基于 Vuepress 2.x 的插件,它可以帮助你在编写文档的时候增加 Vue 示例,它的诞生初衷是为了降低编写组件文档时增加一些相关示例的难度。 使用Vuepress 编写组件示例有以下不足之处: 1.组件示例和示例代码本质上一样,却需要写两遍。 2.Vuepress 无法渲染 Markdown 中的 script...