First of all, installvuepress v1.x 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@...
vuepress-plugin-demo-code是一个为VuePress文档编写而设计的插件。它提供了一个简便的方式来在文档中展示演示示例和对应的代码。这个插件允许开发者在Markdown文件中嵌入代码块,并可以通过一个按钮来切换查看代码和演示效果。 该插件的使用非常简单,只需在代码块中添加特定的注释标记即可。插件会自动根据注释标记生成一...
vuepress-plugin-demo-code English | vuepress的演示代码插件。 使用此插件,您可以通过以下语法同时显示演示和代码。 ::: demo <div xss=removed>Click me!</div> [removed] export default { methods: { onClick: () => { window.alert( 1 ) }, },...
First of all, installvuepress v1.x 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. ...