/vitepress-plugin-code-group

该插件迁移自vuepress default theme 来支持 code-group

Primary LanguageVueMIT LicenseMIT

vitepress-plugin-code-group

该插件是迁移自 vuepress 的默认主题,由于目前版本的 vitepress 暂不支持该组件(未来应该会支持),具体可看这个 issues

如何使用

  1. 安装
npm install vitepress-plugin-code-group
  1. 使用
// .vitepress/theme/index.js

import DefaultTheme from 'vitepress/theme'
import  {CodeGroup,CodeGroupItem} from 'vitepress-plugin-code-group';
import 'vitepress-plugin-code-group/dist/style.css'
export default {
  ...DefaultTheme,
  enhanceApp({ app }) {
    // add 
    app.component('CodeGroup', CodeGroup);
    app.component('CodeGroupItem', CodeGroupItem)
    // end
  },
}
  1. 在 markdown 中
<code-group>
<code-block title="YARN" active>

// some code 

</code-block>

<code-block title="NPM">

// some code 

</code-block>
</code-group>
  1. 展示

展示