# t-ui-plus **Repository Path**: open-source-down/t-ui-plus ## Basic Information - **Project Name**: t-ui-plus - **Description**: 基于vue3+ts+Element-plus二次封装基础组件文档,希望对你有用。 - **Primary Language**: TypeScript - **License**: Apache-2.0 - **Default Branch**: dev - **Homepage**: https://wocwin.github.io/t-ui-plus/ - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 61 - **Created**: 2023-07-24 - **Last Updated**: 2023-07-24 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # T-ui-Plus ## [Vue2 基础组件传送门](https://github.com/wocwin/t-ui) > 基于 Element-ui 和 ant-design-vue 二次封装基础组件地址 ## 介绍 > 基于 vue3+ ts+ Element-plus 二次封装组件 这是我在学习 Vue3 中基于[Element-plus](https://element-plus.org/zh-CN/) 二次封装基础组件文档,希望对你有用。可查看 [详细组件案例文档](https://wocwin.github.io/t-ui-plus/) 预览

vue3 t-ui-plus t-ui-plus npm

## 动态效果图 ## npm 方式安装使用 ```shell npm i @wocwin/t-ui-plus ``` ### 全局注册使用 ```js // 在main.js中按下引入 import TuiPlus from '@wocwin/t-ui-plus' import '@wocwin/t-ui-plus/lib/style.css' Vue.use(TuiPlus) ``` ### 按需引入 ```js // 在main.js中按下引入 import '@wocwin/t-ui-plus/lib/style.css' // 单个.vue文件引入 ``` ### t-ui-plus Volar 组件类型提示(1.1.12版本支持) ```js // 需要在使用的项目的tsconfig.json文件中添加以下 compilerOptions:{ "types": [ "@wocwin/t-ui-plus/global.d.ts", ], } ``` ### 若需要t-ui-plus集成的Element-plus支持 Volar 类型提示(1.1.12版本支持) >#### 注意:不安装及注册`element-plus`直接使用那么当前的`element-plus`版本是`@2.2.18` ```js // 需要在使用的项目中安装element-plus(不需要注册,也能在项目中全局使用) npm install element-plus ``` ## 安装依赖 ```shell pnpm install ``` ## 使用[t-ui-plus组件的后台管理系统地址](https://github.com/wocwin/wocwin-admin) ## 本地运行 vuepress 中组件文档 ```shell // docs项目(文档demo示例)基于vue3+vite项目 npm run docs:dev ``` ## 微信交流群 | 微信二维码 | | :---------------------------------------: | | |