# q-ui-next

**Repository Path**: uglyp/q-ui-next

## Basic Information

- **Project Name**: q-ui-next
- **Description**: q-ui 1.0版本
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-03-14
- **Last Updated**: 2024-03-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Q-ui

> 基于 Element-plus 二次封装基础组件地址

## 介绍

> 基于 Element-ui 二次封装组件

这是我在学习 Vue 中基于[Element-ui](https://element.faas.ele.me/#/zh-CN) 二次封装基础组件文档.

## npm 方式安装使用

> ### 前提条件：使用项目必须全局注册 Element-ui组件库

```js
// 先安装
npm i @nostalgia1/q-ui
// 1、 在main.js中按下引入(全局使用)
import Qui from '@nostalgia1/q-ui'
Vue.use(Qui)

// 2、按需引入，在单个vue文件如下引入，在注册；或者在main.js中如下引入在注册，皆可！
import { QTable, QLayoutPage, QLayoutPageItem, QForm, QQueryCondition } from '@nostalgia1/q-ui'

```

## 直接在项目中全局使用

```js
// 1、把packages文件夹复制，放在自己项目中
// 2、假设 packages 与 src是同级，那么src下 main.js 如下操作即可全局使用q-ui
import Qui from '../packages'
Vue.use(Qui)
```

## 安装依赖

```shell
npm install

```

## 本地运行 src 中组件示例

```shell
npm run serve
```

## 本地运行 vuepress 中组件文档

```shell
npm run docs:dev

```

## Git 提交规范

- `ci`: ci 配置文件和脚本的变动;
- `chore`: 构建系统或辅助工具的变动;
- `fix`: 代码 BUG 修复;
- `feat`: 新功能;
- `perf`: 性能优化和提升;
- `refactor`: 仅仅是代码变动，既不是修复 BUG 也不是引入新功能;
- `style`: 代码格式调整，可能是空格、分号、缩进等等;
- `docs`: 文档变动;
- `test`: 补充缺失的测试用例或者修正现有的测试用例;
- `revert`: 回滚操作;