快速上手

⚠️ 前置条件

• Node.js 22+
• Vue.js 3.5+
• TypeScript 5.9+

安装

npm

npm i modern-ui

pnpm

pnpm add modern-ui

全局引入

main.ts

import { createApp } from "vue";
import App from "./App.vue";
import ModernUI from "modern-ui";
import "modern-ui/dist/style.css";

const app = createApp(App);
app.use(ModernUI);
app.mount("#app");

tsconfig.app.json

{
  "compilerOptions": {
    "types": ["modern-ui/components"]
  }
}

App.vue

<template>
    <MuButton>Button</MuButton>
<template/>

局部引入

main.ts

import { createApp } from "vue";
import App from "./App.vue";
import "modern-ui";

const app = createApp(App);
app.mount("#app");

App.vue

<template>
    <MuButton>Button</MuButton>
<template/>

<script setup lang="ts">
import { MuButton } from "modern-ui";
</script>