Code Tabs

  • Markdown
  • Code Tabs
  • Markdown
Less than 1 minute

The theme provides you code tabs support.

Config

Usage

This is the same as tabs function, but it's special built for code blocks.

Only code fence after @tab marker is allowed inside code tabs, other Markdown content will be ignored.

Demo

Install VuePress Theme Hope:

Install VuePress Plugin Markdown Enhance:

Code
Install VuePress Theme Hope:

::: code-tabs#shell

@tab pnpm

```bash
pnpm add -D vuepress-theme-hope@next
```

@tab yarn

```bash
yarn add -D vuepress-theme-hope@next
```

@tab:active npm

```bash
npm i -D vuepress-theme-hope@next
```

:::

Install VuePress Plugin Markdown Enhance:

::: code-tabs#shell

@tab pnpm

```bash
pnpm add -D vuepress-plugin-md-enhance@next
```

@tab yarn

```bash
yarn add -D vuepress-plugin-md-enhance@next
```

@tab:active npm

```bash
npm i -D vuepress-plugin-md-enhance@next
```

:::
Loading...