https://github.com/dvshu/litos-ui-vue

基于vue3的一些简单的基础的ui框架
https://github.com/dvshu/litos-ui-vue

vue3-ui

Last synced: 4 days ago
JSON representation

基于vue3的一些简单的基础的ui框架

• Host: GitHub
• URL: https://github.com/dvshu/litos-ui-vue
• Owner: DvShu
• License: other
• Created: 2024-01-17T15:29:22.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-11-19T09:25:02.000Z (2 months ago)
• Last Synced: 2024-11-19T10:32:50.308Z (2 months ago)
• Topics: vue3-ui
• Language: Vue
• Homepage: https://dvshu.github.io/neatui-vue/
• Size: 12.4 MB
• Stars: 1
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# litos-ui-vue

`Neat UI` 是一个基于 `Vue3` 的轻量级的 `UI` 组件库，提供基础的 `UI` 组件，方便开发。

## 使用

### 安装依赖

1. 安装 UI 库

```shell

npm install litos-ui-vue

```

2. 安装自动导入插件

```shell

npm install -D unplugin-vue-components unplugin-auto-import litos-ui-vue-resolver

```

3. 修改 Vite 配置

```js

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',

    }),

  ],

});

```

4. 引入全局 CSS 变量文件

在 `main.ts` 中引入全局 CSS 变量文件

```js

import 'litos-ui-vue/style/vars.css';

```

## 文档

[中文文档](https://dvshu.github.io/litos-ui-vue/)

## [更新记录](https://github.com/DvShu/litos-ui-vue/blob/main/CHANGELOG.md)

## LICENSE

litos-ui-vue is open source software licensed as [MulanPSL-2.0](https://github.com/DvShu/litos-ui-vue/blob/main/LICENSE).