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...
}, 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], //复制代码块的插件...
$ 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', ...
import { defineUserConfig } from "vuepress"; // 导入插件 import vuepressPluginDemoCode from "@ddongui/vuepress-plugin-demo-block"; export default defineUserConfig({ // 使用插件 plugins: [vuepressPluginDemoCode()], }) 2 在您的docs(与.vuepress文件夹平级)下,创建examples文件夹。 然后如图...
📝 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│ │ │ ├─...
https://snippetors.github.io/plugins/vuepress-plugin-code-copy.html 3. 添加著作权信息 使用vuepress-plugin-copyright可以禁用文字复制或者在复制时添加著作权信息。 插件地址:https://vuepress-community.netlify.app/zh/plugins/copyright 安装: yarn add vuepress-plugin-copyright -D ...
yarn add @vuepress-reco/vuepress-plugin-extract-code -D 使用: plugins:['@vuepress-reco/extract-code'] 效果截图: 当你需要使用这种方式展示代码的时候,你需要在 md 文件中添加: <RecoDemo:collapse="true"><template slot="code-bash"><<<@/docs/handbook/demo/index.sh</template><template slot="cod...