Neat UI
是一个基于 Vue3
的轻量级的 UI
组件库,提供基础的 UI
组件,方便开发。
- 安装 UI 库
npm install litos-ui-vue
- 安装自动导入插件
npm install -D unplugin-vue-components unplugin-auto-import litos-ui-vue-resolver
- 修改 Vite 配置
import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
import AutoImport from 'unplugin-auto-import/vite';
import Components from 'unplugin-vue-components/vite';
import LitosUiResolver from 'litos-ui-vue-resolver';
// https://vitejs.dev/config/
export default defineConfig({
plugins: [
vue(),
AutoImport({
resolvers: [LitosUiResolver()],
dts: 'src/auto-imports.d.ts',
}),
Components({
resolvers: [LitosUiResolver()],
dts: 'src/components.d.ts',
}),
],
});
- 引入全局 CSS 变量文件
在 main.ts
中引入全局 CSS 变量文件
import 'litos-ui-vue/style/vars.css';
litos-ui-vue is open source software licensed as MulanPSL-2.0.