插件地址:https://vuepress-theme-reco.recoluan.com/views/plugins/extractCode.html 安装: yarn add @vuepress-reco/vuepress-plugin-extract-code -D 使用: plugins: [ '@vuepress-reco/extract-code' ] 效果截图: 当你需要使用这种方式展示代码的时候,你需要在 md 文件中添加: <RecoDemo :collapse="true">...
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> <tem...
办法当然是有的,程序员的智慧是无穷的,vuepress-plugin-extract-code 这个插件给了解决方案,它手动解析了组件内的<<< @/filepath语法并将其转换成了代码文本,使用这个插件后写法变成了这样: <reco-demo> <color-picker-basic-demo slot="demo"></color-picker-basic-demo> <template slot="code-vue"> <<< ...
插件地址:https://vuepress-theme-reco.recoluan.com/views/plugins/extractCode.html 安装: yarn add @vuepress-reco/vuepress-plugin-extract-code -D 使用: plugins:['@vuepress-reco/extract-code'] 效果截图: 当你需要使用这种方式展示代码的时候,你需要在 md 文件中添加: ...
办法当然是有的,程序员的智慧是无穷的,vuepress-plugin-extract-code这个插件给了解决方案,它手动解析了组件内的<<< @/filepath语法并将其转换成了代码文本,使用这个插件后写法变成了这样: <reco-demo><color-picker-basic-demoslot="demo"></color-picker-basic-demo><templateslot="code-vue"><<<@/docs/....
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 ...
要让你的网站显示内容, 就需要进行配置, 需要在.vuepress文件夹下新建一个总的配置文件config.js, 这个文件的名字是固定的,即.vuepress/config.js,它导出一个 JavaScript 对象,使用的是Commonjs文件导入导出的规范 如有对 CommonJS 使用疑惑可参考文档:comm...
vuepress-plugin-aegis vuepress-plugin-td-copy-code vue-dialog-x2 @winfe/plugin-demo-container @winfe/plugin-registry-material-components vuepress-plugin-test-vue-run-demo-extract-code @winfe/vuepress-core vuepress-core-with-concurrency-control vuepress-plugin-keyboard-event-debug vuepress-theme-vuejs ...
md-enhance: extract plugins and use @mdit/plugin-xxx (6e91afe) md-enhance: render tabs in ssr (73900e3)🐛 Bug Fixescomponents: fix vite warning (eb34cea) md-enhance: add missing package (a099e37) theme: fix article list style (5b0fcf2) theme: preserver url params when switching la...
Then we can extract this Vue code into a Vue component, encapsulate the specific time in the component, and then import each md file into this component, and VuePress can also support the introduction of components. Check out theofficial document: ...