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.