TDesign介绍

TDesign 是腾讯各业务团队在服务业务过程中沉淀的一套企业级设计体系。

  • TDesign 具有统一的 价值观，一致的设计语言和视觉风格，帮助用户形成连续、统一的体验认知。在此基础上，TDesign 提供了开箱即用的 UI 组件库、设计指南 和相关 设计资产，以优雅高效的方式将设计和研发从重复劳动中解放出来，同时方便大家在 TDesign 的基础上扩展，更好的的贴近业务需求。

项目介绍

TDesign Vue Next Starter 是一个基于 TDesign，使用 Vue3、Vite、Pinia、TypeScript 开发，可进行个性化主题配置，旨在提供项目开箱即用的、配置式的中后台项目。

项目特性

  • 主题配置：支持自定义主题配置，让开发者可以根据项目需求调整UI风格。
  • 页面模板：提供了多种开发页面模板，方便快速搭建应用界面。
  • 目录结构：拥有完整的开发目录结构，帮助开发者组织代码，保持项目的可维护性。
  • 代码规范：配置了代码规范配置，确保代码的一致性和可读性。
  • 黑暗模式：支持黑暗模式，满足不同用户的使用习惯。
  • 主题颜色：支持自定义主题颜色，灵活调整界面色彩。
  • 空间布局：提供多种空间布局选项，适应不同的页面设计需求。
  • 模拟数据：内置Mock数据方案，方便在开发过程中模拟后端数据。

项目创建

通过 tdesign-starter-cli 初始化项目仓库

## 1、安装 tdesign-starter-cli
npm i tdesign-starter-cli@latest -g

## 2、创建项目
td-starter init

项目运行

## 安装依赖
npm install

## 启动项目
npm run dev

项目构建

## 构建正式环境
npm run build

## 构建测试环境
npm run build:test

项目演示

版权声明：
1、本网站名称：帝企吧
2、本站永久网址：https://www.diqiba.com
3、本网站的文章部分内容可能来源于网络及作者投稿，仅供大家学习与参考，如有侵权，请联系站长进行删除处理。
4、本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
5、本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报。
6、本站资源大多存储在云盘，如发现链接失效，请联系我们我们会第一时间更新。
7、本站所有资源来源于互联网，仅用于学习及参考使用，切勿用于商业用途，如产生法律纠纷本站概不负责！ 8、资源除标明原创外均来自网络转载，版权归原作者所有，若侵犯到您权益请联系我们删除，我们将及时处理！ 9、若您需使用非免费的软件或服务，请购买正版授权并合法使用！