Vuepress blog

哓番茄小于 1 分钟

vuepress 集成 ant-design-vue

安装 ant-design-vue

pnpm add ant-design-vue -D

修改 client.ts

client 客户端配置open in new window

vuepress2.x 版本修改用于客户端应用增强的 docs/.vuepress/client.ts

修改后文件如下：

import { defineClientConfig } from '@vuepress/client'
import { Button } from 'ant-design-vue'
import 'ant-design-vue/dist/antd.css'

export default defineClientConfig({
  enhance({ app, router, siteData }) {
    app.use(Button)
  },
  setup() {},
  rootComponents: [],
})

使用

接下来就可以像往常一样食用 antd 的组件了

vuepress2.x 使用 vue 可见官网open in new window

<a-button type="primary">Primary Button</a-button>