【文件属性】：
文件名称：vuepress-plugin-demo-block:在vuepress中编写vue，react，vanilla js演示
文件大小：272KB
文件格式：ZIP
更新时间：2021-05-17 08:42:22
vuepress vuepress-plugin demo-block JavaScript
vuepress-plugin-demo-block
介绍
演示块用于帮助您在编写文档时添加vue，react或native js示例。 在编写组件文档时，通常需要在文档中添加一些相关示例。 这些示例通常可以使用JSFiddle或Codepen的Iframe来实现，但是维护成本会相对较高。 您可以使用Demo Block快速添加示例，修改起来非常方便。
为了显示该示例的编写方式，用于标记代码段末尾的三个点由空格分隔，并且在使用时需要删除这些空格。
特征
精美的显示代码和示例
支持vue，react和本机js
支持Codepen和jsfiddle在线演示
安装
安装vuepress
参考正式文件
安装插件
npm i vuepress-plugin-demo-block --save-dev
设置vuepress配置
config.js
module . exports = {
【文件预览】：
vuepress-plugin-demo-block-master
----deploy.sh(233B)
----rollup.config.js(734B)
----yarn.lock(236KB)
----src()
--------common()
--------main.js(3KB)
--------icons()
--------clientRootMixin.js(199B)
--------style.less(4KB)
--------index.js(2KB)
--------online()
----.babelrc(62B)
----.circleci()
--------config.yml(1016B)
----lib()
--------clientRootMixin.js(20KB)
--------index.js(2KB)
----.npmignore(88B)
----LICENSE(1KB)
----README.md(3KB)
----docs()
--------.vuepress()
--------settings.md(1KB)
--------vue.md(6KB)
--------vanilla.md(495B)
--------react.md(5KB)
--------README.md(4KB)
--------zh()
----.gitignore(930B)
----package.json(1KB)
----demo.png(225KB)