CartonUi
一个基于 Vue3 和 TDesign 的组件库
快速开发
坚实贯彻配置驱动视图的思想，落实万物皆可 option。
极简代码
坚决贯彻极简封装和最少代码原则，让枯燥的crud在几秒内即可完成。
最佳实践
提供最佳实践代码，让每一位开发者都能以正确的姿势来使用 carton ui。
一、快速开始
1. 安装 carton-ui
npm i carton-ui
2. 安装 TDesign
carton-ui基于 TDesign 封装
npm i tdesign-vue-next
3. 安装 unplugin
通过 unplugin-vue-components 和 unplugin-auto-import 来实现按需引入和自动导入
npm install -D unplugin-vue-components unplugin-auto-import
4. 按需引入
import AutoImport from 'unplugin-auto-import/vite';
import Components from 'unplugin-vue-components/vite';
import { TDesignResolver } from 'unplugin-vue-components/resolvers';
import { CartonUiResolver } from 'carton-ui/lib/resolver'
export default {
plugins: [
// ...
AutoImport({
resolvers: [
TDesignResolver({ library: 'vue-next' })
],
}),
Components({
resolvers: [
TDesignResolver({ library: 'vue-next' }),
CartonUiResolver(), // 添加按需引入
],
}),
],
};
5. 使用
<c-button>按钮</c-button>