介绍

sc-business-ui 是一个基于 Vue 3 的业务组件库，该组件库集成了常用的表单、表格、工具栏等组件。

技术栈：Vue3.4(setup) + vite + less + pnpm + ts 公共组件

特性：

引入方式

• 全局引入 ✅
• 按需引入 ✅

打包

• 结构化打包 ✅
• 代码压缩 ✅
• 包含 TypeScript 类型 ✅

功能提示

• 支持自动补全和 TypeScript 属性提示功能 ✅

开发

• 提供内置测试环境，支持命令一键启动 ✅
• 支持组件热更新 ✅
• 支持 vue 组件选项式，函数式，tsx 开发 ✅
• 支持全局自定义指令，自定义 hook ✅

目录结构

项目的基本目录结构如下：

sc-business-ui/
├── dist/          # 构建后的文件
├── example/    # 用于测试和演示的项目
├── src/           # 组件的源代码
│   ├── components/    # 各种组件
│   │   ├── ScButton.vue     # Vue组件
│   │   ├── type.ts  			   # Vue组件类型
│   │   └── index.ts         # Vue组件入口
│   ├── directives/    # 各种自定义指令
│   │   └── loading         # 指令
│   ├── hook/    # 各种hook
│   │   ├── useMessage.ts  	 # 某hook
│   │   └── index.ts         # hook入口文件
│   ├── index.ts       # 组件库的入口文件
├── package.json   #npm库各种配置
├── npmrc  			   #npm publish配置
├── tsconfig.json  #ts配置
├── global.d.ts    #全局组件类型文件
└── vite.config.ts # 打包配置