快速上手

ManagerUI 库 基于 Element-Plus 二次开发，请先确认你已安装，更好的提供开发体验与效率，使用 Typescript 作为开发基础语言，严格的校验能够更有效减少错误的产生。

安装

我们建议您使用包管理器 (NPM, Yarn, pnpm 安装 ManagerUI)

# 选择一个你喜欢的包管理器

# NPM
$ npm install manager-ui --save

# Yarn
$ yarn add manager-ui

# pnpm
$ pnpm install manager-ui

完整引入

现有项目已完整引入，可以直接使用库中组件，无需额外引入。

// main.ts
import { createApp } from 'vue'

import ManagerUI from 'manager-ui'
import 'manager-ui/es/style.css'

import App from './App.vue'

const app = createApp(App)

app.use(ManagerUI)
app.mount('#app')

Typescript 支持

// tsconfig.json
{
  "compilerOptions": {
    ...
    "paths": {
      ...
      "ManagerUI": ["./packages/ManagerUI/es"],
      "ManagerUI/*": ["./packages/ManagerUI/es/*"],
      "MTools": ["./packages/ManagerUI/es/tools"],
      "MTools/*": ["./packages/ManagerUI/es/tools/*"]
    },
  },
  ...
}

// vite.config.ts
export default defineConfig(() => {
  return {
    ...
    resolve: {
      alias: {
        MTools: resolve(__dirname, "./packages/ManagerUI/es/tools"),
        ManagerUI: resolve(__dirname, "./packages/ManagerUI/es"),
      }
    }
  };
});