- 综合排序
- 最热优先
- 最新优先
TDesign——如何给TDesign提PR
├── test // 测试文件 Fork项目 点击后按着指示操作就好了 克隆项目 克隆你仓库fork的那个哈 git clone git@github.com:wangyang0210/tdesign-vue-next.git 请阅读并遵循 [TDesign 贡献指南](https://github.com/Tencent/tdesign/blob/main/docs/contributing.md)，填写以下 pull request
21810编辑于 2024-08-15- 来自专栏PY的开发实践
TDesign CompositionAPI 重构之路
TDesign CompositionAPI 重构之路Tdesign-vue-next 的 Composition Api 重构计划 经过了五个月的时间完成对 44 个组件的重构，共有 20 名开发者参与组件重构 先上线再优化Tdesign-vue-next 仓库是从 Tdesign-vue fork 过来，并开始做 vue-next 的适配（那时候叫vue-next,成为vue的正式版后叫core了），当时的首要工作就是是对 开源之初的计划就是 tdesign-vue3 需要借助开源社区的力量，吸纳更多的外部开发者。因为内部使用 vue3 的团队并没有那么多，很多团队只会在新业务上会使用vue3。 组件兼容了 nuxt, 由社区贡献者提供了 tdesign-nuxt-starter。 TDesign 还很年轻，还有很长的路要走，核心团队有一群人做后盾，大家都很靠谱，期待我们越来越好。后续会在组件质量上做更多的探索，期待正式版的发布。
54910编辑于 2022-07-17 - 来自专栏TDesign 技术视野・开发篇
TDesign React Starter 发布
简介 随着 TDesign 的对外开源，此前，TDesign 的中后台解决方案 - TDesign Starter 已发布了 vue2、vue3 技术栈的版本。 在上周，团队发布了基于 React 技术栈的 TDesign Starter ，至此，TDesign Starter 已全面支持 Vue2、Vue3、React。 TDesign React Starter 是基于 TDesign React 组件库的一套中后台模板，提供了丰富、完整的组件示例，在参考社区的最佳实践，并结合我们的业务模式的基础上，最终提炼出了一套开箱即用的解决方案 欢迎体验 官网：TDesign React Starter GitHub仓库：https://github.com/Tencent/tdesign-react-starter ? 了解如何参与TDesign 的共建：https://tdesign.tencent.com/about/contributing
81850编辑于 2022-03-25 - 来自专栏PY的开发实践
TDesign 在 vitest 的实践
起源在 tdesign-vue-next 的 CI 流程中，单元测试模块的执行效率太低，每次在单元测试这个环节都需要花费 6m 以上。加上依赖按照，lint 检查等环节，需要花费 8m 以上。 test-utils';import { createApp } from 'vue';import { renderToString } from '@vue/server-renderer';import TDesign from '@/src/index';config.global.plugins = [TDesign];// global挂载createSSRApp方法，挂载render环境的配置config.global.createSSRApp $route = {}; app.use(TDesign); const html = renderToString(app); return html;};之前的执行环境是 commonjs 引入组件使用的是 源码传送门, 欢迎加入 tdesign 共建
1.7K42编辑于 2022-07-17 - 来自专栏腾讯开源的专栏
TDesign 有奖征集品牌案例
//与腾讯，共生长 无论你是行业头部公司还是个人开发者，只要你用过 TDesign 提升开发效率和产品UI美感，我们都邀请你参与内外应用案例品牌logo及名称征集投稿，入选案例将展示在TDesign 新版官网品牌墙处 ，所对应案例提供者将获得 TDesign 官方周边礼品一份，数量有限。 欢迎大家踊跃投稿~ 提供材料： 产品/案例名称 应用截图（不对外展示仅作审核使用）及 logo 案例投递方式： 方式一：扫码或点击“阅读原文”跳转到Github专属链接，在评论区提交材料 方式二：发送材料到tdesign
21510编辑于 2024-05-22 - 来自专栏TDesign 技术视野・开发篇
TDesign Vue Next For Mobile 发布
TDesign Vue-Next For Mobile 旨在满足 H5 场景下的前端页面开发需求，同时，产品保持了与 TDesign 小程序端 高度一致的设计语言 和 API，统一的 API 不仅在开发上能让开发者在多端开发中更加适应 欢迎体验 官网：https://tdesign.tencent.com/mobile-vue/overview GitHub 仓库 GitHub - Tencent/tdesign-mobile-vue 特性 基于TDesign API体系高度统一的实现，切换框架兼容性强 基于TDesign的设计体系下首批输出30+个基础组件 基于Vue3, 使用 TypeScript 编写，提供完整的类型定义 支持Vue3 了解如何参与TDesign 的共建：https://tdesign.tencent.com/about/contributing TDesign 团队会及时在企业微信大群中同步发布版本、问题修复信息，也会有一些关于组件库建设的讨论 ，欢迎微信或企业微信扫码入群交流： TDesign IM.png
1.5K40编辑于 2022-04-24 - 来自专栏TDesign 技术视野・开发篇
TDesign 组件库技术方案指北
一、前言TDesign 是腾讯各业务团队在服务业务过程中沉淀的一套企业级设计体系，于2021年12月底正式对外开源。TDesign 用到了哪些广受欢迎的开源技术，选择这些技术的原因是什么？ TDesign 官方支持了众多开发技术栈，为什么选择各仓库原生开发而不是转译生成代码？本篇会从从仓库目录结构开始，通盘分析 TDesign 的技术选型和原因。 我们先来看一下 TDesign 组件库仓库的目录结构，帮助理解代码的整体结构。TDesign 官方支持了众多技术栈，当开发同学进行技术栈互转的时候，无需太多学习组件库的成本，基本可以直接上手开发。 umd│ ├─ tdesign.js│ ├─ tdesign.js.map│ ├─ tdesign.min.js│ ├─ tdesign.min.js.map│ ├─ tdesign.css 撰文：哲哥主创团队：腾讯 TDesign Oteam图片
4.3K40编辑于 2022-07-11 - 来自专栏大数据，java，Python和前端
TDesign小程序组件库体验
今年腾讯开源了前端的框架TDesign，我也分享了两篇使用文章。年初分享的主要是PC端的框架，除了有PC端的框架外，最近TDesign又新出了小程序的框架，组件比较丰富，今天就带着大家体验一下。 3、项目的初始化我们现在使用模板是一个空白的项目，如果需要使用TDesign的，我们先需要做初始化，生成package.json文件，在调试区，切换到终端点击新建终端在光标的位置输入如下命令npm init 一路按回车，完成package.json的创建4、安装TDesign在终端的命令行继续输入如下的命令npm i tdesign-miniprogram -S --production安装成功后可以在文件区域看到多了一个 /button/button", "t-button-group": "tdesign-miniprogram/button-group/button-group" }, "window":{ disabled}}">强按钮</t-button></view>如果只是页面中使用，可以在index.json里引入，引入的原理是一样的，这样就完成了一个组件库的搭建6、总结我们本篇介绍了如何在小程序中使用TDesign
1.1K10编辑于 2025-07-21 - 来自专栏腾源会
TDesign 的开源故事，看完秒懂
由于参与贡献的人数众多，支持的框架数量也多，所以开源之后，大家对 TDesign 充满好奇，好奇为什么腾讯要推出 TDesign 作为企业级设计体系， TDesign 如何平衡通用和业务需求，满足集团诉求 TDesign 规范 https://tdesign.tencent.com/about/tech 开发者在了解 TDesign 的设计体系之后，便可以根据 TDesign 的各项规范着手进行开发。 TDesign 当中。 为了感谢 TDesign 的贡献者们的付出，TDesign 提供了多层次的激励机制，让贡献者们的贡献能够被大家看到。 TDesign 对于让项目变得更好的心是不变的，欢迎反馈参与 TDesign 贡献的体验，并给出你的建议和意见，帮助 TDesign 社区更好的服务于开发者。
80210编辑于 2022-05-10 - 来自专栏腾讯云设计中心
TDesign 品牌价值观
以下文章来源于腾讯设计 ，作者TDesign TDesign 是腾讯企业级设计体系，希望通过统一的设计研发语言提升团队协同效率，降低企业应用研发成本。 在《TDesign 的开源故事，看完秒懂》一文中已介绍了 TDesign 的基本情况，包括项目背景、协同机制等，本文将接着阐述 TDesign 品牌价值观，简要分享 TDesign 建设统一品牌价值观的背后原因 因此，TDesign 需要建设统一的品牌价值观，指导 TDesign 在协同工作中把握重点、规范管理、引导行为和权衡判断等各项开源工作，并助力 TDesign 持续突破、生长。 例如，品牌价值观可以帮助 TDesign 把握工作的重点，帮助 TDesign 辅助判断哪些事情是被鼓励的，哪些事情是要拒绝的，甚至是在协同工作中遇到有争议性问题时，能帮助 TDesign 更好地做权衡与取舍 图示07 TDesign 品牌价值观 包容，是为了让 TDesign 兼容并蓄，既能满足当下需求，也能应用于更广泛场景； 多元，是 TDesign 应当能够赋能不同业务，探索无限可能； 进化，是 TDesign
1.1K20编辑于 2022-08-26 - 来自专栏腾讯开源的专栏
TDesign 的开源故事，看完秒懂
由于参与贡献的人数众多，支持的框架数量也多，所以开源之后，大家对 TDesign 充满好奇，好奇为什么腾讯要推出 TDesign 作为企业级设计体系， TDesign 如何平衡通用和业务需求，满足集团诉求 TDesign 规范 https://tdesign.tencent.com/about/tech 开发者在了解 TDesign 的设计体系之后，便可以根据 TDesign 的各项规范着手进行开发。 TDesign 当中。 为了感谢 TDesign 的贡献者们的付出，TDesign 提供了多层次的激励机制，让贡献者们的贡献能够被大家看到。 TDesign 对于让项目变得更好的心是不变的，欢迎反馈参与 TDesign 贡献的体验，并给出你的建议和意见，帮助 TDesign 社区更好的服务于开发者。
72210编辑于 2022-05-10 TDesign——Input指定光标插入内容
import {ref} from 'vue' import { HelpCircleIcon, InfoCircleFilledIcon, RemoveIcon, WalletIcon } from 'tdesign-icons-vue-next '; import { MessagePlugin } from 'tdesign-vue-next'; const props = defineProps({ promote: Object,
49510编辑于 2024-08-15- 来自专栏腾讯云设计中心
TDesign 的开源故事，看完秒懂
由于参与贡献的人数众多，支持的框架数量也多，所以开源之后，大家对 TDesign 充满好奇，好奇为什么腾讯要推出 TDesign 作为企业级设计体系， TDesign 如何平衡通用和业务需求，满足集团诉求 TDesign 规范 https://tdesign.tencent.com/about/tech 开发者在了解 TDesign 的设计体系之后，便可以根据 TDesign 的各项规范着手进行开发。 TDesign 当中。 为了感谢 TDesign 的贡献者们的付出，TDesign 提供了多层次的激励机制，让贡献者们的贡献能够被大家看到。 TDesign 对于让项目变得更好的心是不变的，欢迎反馈参与 TDesign 贡献的体验，并给出你的建议和意见，帮助 TDesign 社区更好的服务于开发者。
52020编辑于 2022-05-10 - 来自专栏腾讯云设计中心
腾讯开源企业级设计体系 TDesign
如果你对于 TDesign 感兴趣，可以打开 TDesign 官网，体验 TDesign 。如果你对 TDesgin 诞生的历史感兴趣，不妨来看看 TDesign 诞生背后的故事。 * TDesign Starter Kit ： https://tdesign.tencent.com/starter/ 从过去到未来 TDesign还将做些什么？ 借助社区，TDesign 期待与更多产品设计师和开发者有专业交流，甚至是收获一个积极活跃的 TDesign 社区。 非常期待你对 TDesign 的持续关注和反馈意见。 更欢迎同道中人的你参与 TDesign 的开源共建，与 TDesign 从开源到更加成熟的旅程中一起进步。 如何体验TDesign？ 感谢所有 TDesign 的使用者和关心者，你们是 TDesign 的启明灯，指引 TDesign 的前进方向，TDesign 与大家共成长。 图为 TDesign 的贡献者们
92550编辑于 2022-05-05 - 来自专栏岚的工作随笔
React & TDesign | 多尺寸无限瀑布流图库
实战演练环境准备Node：18React：18TDesign React：1.7 （TDesign 腾讯企业级设计体系）UGC展示卡片最终目标用到了TDesign的Card 卡片、ImageView 图片预览
1.1K20编辑于 2024-05-16 - 来自专栏TDesign 技术视野・开发篇
腾讯 TDesign 的开源故事，看完秒懂
由于参与贡献的人数众多，支持的框架数量也多，所以开源之后，大家对 TDesign 充满好奇，好奇为什么腾讯要推出 TDesign 作为企业级设计体系， TDesign 如何平衡通用和业务需求，满足集团诉求 /about/tech 开发者在了解 TDesign 的设计体系之后，便可以根据 TDesign 的各项规范着手进行开发。 TDesign 当中。 为了感谢 TDesign 的贡献者们的付出，TDesign 提供了多层次的激励机制，让贡献者们的贡献能够被大家看到。 TDesign 对于让项目变得更好的心是不变的，欢迎反馈参与 TDesign 贡献的体验，并给出你的建议和意见，帮助 TDesign 社区更好的服务于开发者。
97240编辑于 2022-05-17 - 来自专栏腾讯大讲堂的专栏
腾讯开源企业级设计体系 TDesign
如果你对于 TDesign 感兴趣，可以打开 TDesign 官网，体验 TDesign 。如果你对 TDesgin 诞生的历史感兴趣，不妨来看看 TDesign 诞生背后的故事。 包容，是为了让 TDesign 兼容并蓄，既能满足当下需求，也能应用于更广泛场景； 多元，是 TDesign 应当能够赋能不同业务，探索无限可能； 进化，是 TDesign 应当成为一个动态的设计体系， 作为一款企业级设计体系，TDesign 的特性可以总结为如下三点： 1.完整：完整的技术、设计资源，将设计与开发者从重复劳动中释放出来 TDesign 为开发者提供了多种主流开发技术栈的支持：TDesign 借助社区，TDesign 期待与更多产品设计师和开发者有专业交流，甚至是收获一个积极活跃的 TDesign 社区。 非常期待你对 TDesign 的持续关注和反馈意见。 感谢所有 TDesign 的使用者和关心者，你们是 TDesign 的启明灯，指引 TDesign 的前进方向，TDesign 与大家共成长。 图为 TDesign 的贡献者们 -END-
4.6K70编辑于 2021-12-27 - 来自专栏TDesign 技术视野・开发篇
腾讯开源企业级设计体系 TDesign
如果你对于 TDesign 感兴趣，可以打开 TDesign 官网，体验 TDesign 。如果你对 TDesgin 诞生的历史感兴趣，不妨来看看 TDesign 诞生背后的故事。 借助社区，TDesign 期待与更多产品设计师和开发者有专业交流，甚至是收获一个积极活跃的 TDesign 社区。 非常期待你对 TDesign 的持续关注和反馈意见。 更欢迎同道中人的你参与 TDesign 的开源共建，与 TDesign 从开源到更加成熟的旅程中一起进步。 五、如何体验 TDesign ？ ---- 您有两种方式使用或体验 TDesign： 访问 TDesign 的官网：https://tdesign.tencent.com 访问 TDesign 的 GitHub 主页：https://github.com 感谢所有 TDesign 的使用者和关心者，你们是 TDesign 的启明灯，指引 TDesign 的前进方向，TDesign 与大家共成长。 微信图片_20211222164358.png
2K161编辑于 2021-12-30 - 来自专栏腾源会
腾讯开源企业级设计体系 TDesign
如果你对于 TDesign 感兴趣，可以打开 TDesign 官网，体验 TDesign 。如果你对 TDesgin 诞生的历史感兴趣，不妨来看看 TDesign 诞生背后的故事。 包容，是为了让 TDesign 兼容并蓄，既能满足当下需求，也能应用于更广泛场景； 多元，是 TDesign 应当能够赋能不同业务，探索无限可能； 进化，是 TDesign 应当成为一个动态的设计体系， * TDesign Starter Kit ： https://tdesign.tencent.com/starter/ PART FOUR 从过去到未来 TDesign还将做些什么？ 借助社区，TDesign 期待与更多产品设计师和开发者有专业交流，甚至是收获一个积极活跃的 TDesign 社区。 非常期待你对 TDesign 的持续关注和反馈意见。 更欢迎同道中人的你参与 TDesign 的开源共建，与 TDesign 从开源到更加成熟的旅程中一起进步。 PART FIVE 如何体验TDesign？
73630编辑于 2021-12-30 - 来自专栏TDesign 技术视野・开发篇
“多巴胺设计” 来袭，TDesign 主题中心上线
视频内容前言在过去的一年里，TDesign 推出了主题配置功能，并开放了颜色配置功能，使得越来越多的企业能够为其内外部产品提供个性化定制。 随着 TDesign 正式版的发布，UI 定制功能已通过 Design Token 全面融入到了代码中。 TDesign 希望每一步都能推动设计与研发体验的不断提升。 得益于 TDesign 都以 git submodule 的方式引入自己的仓库中。如果还不满足，用户也可以通过 common 进行修改样式代码。 在未来，期待通过 AI 技术创新和服务升级，为用户带来更加出色的体验，让 TDesign 在未来得到更广泛的认可和信赖。
1K40编辑于 2023-07-19
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号