wtsk-comps

一款基于Vue3+Element Plus的后台管理类基础组件库

注意事项

• 项目需基于Vue3开发
• Node.js版本需≥ 20.0.0

使用方法

第一步：安装项目所需依赖（已有可忽略）

npm install sass -D

npm install element-plus --save

注意：element-plus版本需 ≥ 2.11.3

npm install @element-plus/icons-vue --save

npm install wtsk-comps --save

第二步：全局引入组件及依赖

在main.js中引入wtsk-comps组件及相关依赖。

import { createApp } from 'vue'
import App from './App.vue'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import WtskComps from 'wtsk-comps'
import 'wtsk-comps/dist/index.css'

const app = createApp(App)
app.use(ElementPlus).use(WtskComps).mount('#app')

注意：因组件是基于Element Plus已有组件进行的封装，所以使用时需全局引入element-plus。

第三步：项目中直接使用组件

在项目中直接使用wtsk-comps组件即可，使用方式见组件文档。

<template>
  <div>
    <wtsk-btn>默认按钮</wtsk-btn>
  </div>
</template>