VitePress搭建Element-plus组件库

安装

# 主程序
npm install element-plus --save
# 图标库
npm install @element-plus/icons-vue

全局引入

//.vitepress/theme/index.ts

// 导入elementplus组件
import "element-plus/dist/index.css";
import elementplus from "element-plus"
// 导入elementplus组件-中文
import zhCn from 'element-plus/es/locale/lang/zh-cn'
// 导入elementplus组件-暗黑模式
import 'element-plus/theme-chalk/dark/css-vars.css'
// 导入elementplus组件-图标组件
import * as ElementPlusIconsVue from '@element-plus/icons-vue'

export default {
  enhanceApp({ app , router }) {
    ... ...
    // 导入elementplus组件
    app.use(elementplus, {
      locale: zhCn,
    });

使用

参考官网: https://element-plus.org

引用教程：https://juejin.cn