Trs-base-ui

---

Introduce

Trs-base-ui 是一个在 Element-ui 的基础上进行二次封装，针对于Vue 2.x 的组件库。

本组件库提供了丰富的基础组件，帮助Trs 前端团队快速搭建项目。

基础组件皆来源于Trs系列项目。

Install

Trs-base-ui 支持使用 yarn/npm 的方式安装。

yarn add trs-base-ui -S

npm install trs-base-ui -S

HowToUse

在 main.js 中引入即可使用。

import TrsBaseUI from 'trs-base-ui'

import 'trs-base-ui/lib/common.less';

import 'trs-base-ui/lib/element.less';

Vue.use(TrsBaseUI);

Contribute

将本项目克隆到本地并执行依赖安装

// 克隆本项目
git clone http://192.168.210.61/cpr/trs-base-ui.git

// 执行依赖安装
npm install / yarn

本地调试

// 本地运行文档  - vuepress 如果改动不生效的话重新执行此命令
npm run docs:dev

// 本地运行 demo 进行测试
npm run dev

目录介绍

docs: 文档目录

examples: 示例目录

packages: 组件目录

开发流程

在 `packages` 目录下新建组件，进行开发
在 `examples` 目录下新建示例，将写好的组件引入进行测试
在 `docs/comps/components` 目录下新建文档，对你撰写的组件进行介绍，并将其在 `docs/.vuepress/config.js` 中的`sidebar` 中添加

Aim

• 简洁至上
  • 保持组件最简化，以最少的配置帮助团队快速搭建页面。
• 效率驱动
  • 集成了常用项目中的样式，避免代码冗余。
• 避免过于依赖外部
  • 避免过于依赖外部组件以及物料库，只需要对此仓库保持维护就好。

Footer

MIT Licensed | Copyright © 2024-present Trs Front-End-Engineers (e.g.Wangez).