N 年沉淀,腾讯这套系统终于开源!
大家好,我是鱼皮,前段时间给大家介绍了字节跳动开源的两套设计系统,分别是 Arco Design 和抖音 Semi Design。
而就在几天前,腾讯终于也开源了自家的设计系统 TDesgin
!这次,终于能介绍自己公司的项目了。
如官方描述,TDesign 是一套拥有完整的 设计价值观 和 视觉风格指南 的企业级设计体系,并且在此基础上,提供了基于 Vue、React、小程序等业界主流技术栈的组件库解决方案,主要用于构建设计统一、多端覆盖、跨技术栈的企业级前端应用。
GitHub:https://github.com/Tencent/tdesign
听上去非常高大上,但其实用人话来描述就是:定了一套设计风格(字体大小、颜色、动效等),并提供了不同框架(Vue、React)、各终端(PC、移动端、小程序)的 组件库 ,可以帮助开发者轻松完成风格一致的前端项目,尤其适合开发中后台系统。
如果你是一名前端开发者,进入 TDesign 官方文档,按照快速开始引入 TDesign 就能直接使用组件库了:
每个组件除了示例代码、效果演示和 API 介绍外,还包含使用指南,帮助你正确高效地使用组件:
此外,TDesign 还提供了开箱即用的脚手架 TDesign Starter,只需输入几行命令,就能快速搭建出一个多端适配的中后台管理系统,效果如下图:
如果你之前使用过蚂蚁金服的 Ant Design 的话,会发现其实 TDesign 与它的模式几乎是一致的,毕竟 Ant Design 做的真心不错,有很多值得参考的地方。
但 TDesign 的诞生可不是照搬 Ant Design 那么简单。它是由整个腾讯各大 BG 的同学内部共建而成,整合了过去腾讯各种设计体系和组件库的优点,经过了 5000 多次代码提交,才终于推出了一套有腾讯产品风格的设计体系。比如下图的 Tencent Blue 蓝色调,相信你在腾讯的很多产品(腾讯官网、腾讯文档、腾讯会议等)都见到过:
总之,对开发者来说,多一个组件库的选择不是坏事;而多一个大厂的开源项目,也就给我们多了一份学习的空间。
期待 TDesign 的后续发展,也希望更多的大厂团队和开发者能拥抱开源,让国内的技术生态越来越好。
N 年沉淀,腾讯这套系统终于开源!相关推荐
- 【程序人生】:腾讯的职级系统
我2011年把公司全资卖给腾讯.2012年过完春节,编辑部的员工辞职一半. 我就很想不通,现在变成了腾讯员工,运营腾讯旅游,听上去很不错,为什么要离开呢? 于是和每个申请离职的小MM都交流了一下. 之 ...
- 从腾讯的职级系统,看清自己的职场宿命(转载)
文梁宁 我 2011 年把公司全资卖给腾讯.2012 年过完春节,编辑部的员工辞职一半. 我就很想不通,现在变成了腾讯员工,运营腾讯旅游,听上去很不错,为什么要离开呢? 于是和每个申请离职的小 MM ...
- 好家伙!Java程序员开发了一套系统,卖了800万,成都买了6套房!属实是走上人生巅峰了!
大家好,我是然然.今天内心比较澎湃: 刚刚 群里,段大佬发布技术搞钱交流会,如下图: 某大佬开发一套系统,卖了800万,成都买了6套房,把普通人两辈子的钱都一次性赚好了. 作为有几年IT行业经验的老油 ...
- ❤️Java程序员开发了一套系统,卖了800万,成都买了6套房
大家好,我是锋哥.今天就不爆照了,主要是内心比较澎湃: 刚刚 群里,段大佬发布技术搞钱交流会,如下图: 某大佬开发一套系统,卖了800万,成都买了6套房,把普通人两辈子的钱都一次性赚好了. 作为10年 ...
- 腾讯内容平台系统的架构实践
转摘:http://www.sohu.com/a/257876751_355140 作者介绍 孙子荀(腾讯/SNG内容平台部/平台产品中心/算法平台组和后台一组组长)11 年在百度从事MPI算法方面的 ...
- 鸿蒙系统代码开源不担忧友商,华为鸿蒙系统正式开源!打脸“安卓套皮论”,友商手机也可采用!...
看得出在鸿蒙系统的推广和普及上华为行进的动作力度是又大又快.针对外界议论纷纷的"鸿蒙是不是安卓系统换皮"的争议,华为打算用最彻底的方式来辩驳,那就是将鸿蒙系统全面开源.据今天传来的 ...
- ubuntu1804系统设置在哪里_斐讯路由器k2如何刷机 斐讯路由器k2系统刷机教程【详解】...
斐讯路由器上车的人很多,对于k2来说硬件配置还是良心,所以刷机就成为了一种乐趣,今天我简单分享一下系统刷机方式,斐讯也并不想让所有购买k2的人都去做系统刷机,但是能刷机也可以增加销量,所以我觉得这个问 ...
- 一招彻底破除数据孤岛!这家企业用数据集市整合了30套系统
案例背景 东吴证券股份有限公司作为全国第18家上市券商,拥有全部证券类业务牌照,在全国建立了18家分公司,134个营业部,并实现在香港和新加坡两个重要境外资本市场的布局,稳居地级市券商首位,坚定向着头 ...
- 实车采集的数据重建场景_避障、探测、采样......华理这套系统让无人小车“身手非凡”...
原标题:避障.探测.采样......华理这套系统让无人小车"身手非凡" 无论是坑洼不平.灌木丛生的荒地,还是土丘遍布的山坡,抑或是突发爆炸毒害未知的灾后现场,只要装备上这套系统,无 ...
最新文章
- 设置gbk_我的gVim设置
- Calibrating delay loop... 问题以及解决方法(RealARM开发板)
- html转换成keynote,keynote代码高亮【转】
- 一个架构的演化2--用ESB集成
- visual studio2008 OpenGL开发配置
- ARM 指令集 VS Thumb 指令集
- python数据可视化的特点_6 种 Python 数据可视化工具
- SQL - 18.触发器
- (65)SPI外设驱动用户接收模块(四)(第13天)
- 【Linux】解决Linux上解压jdk报错gzip: stdin: not in gzip format
- [C#/Java] C#中调用Servlet示例
- html如何加黑色蒙板,Photoshop中怎么添加黑色蒙版?
- JAVA性能优化,让程序更快更稳定
- 计算机教育属于什么教育学类,应用电子技术教育专业属于什么门类
- 基于matlab的步进电机转速控制仿真,matlab步进电机转速控制仿真(课程设计).doc
- 2007年。。。。。
- java jython 调用,JavaDemo——Java通过Jython调用py脚本
- 盘点2017年上半年移动互联网安全事件
- Unity 入门笔记 - 07(完) - 菜单手机端静态类生成游戏
- 给小米/红米手机刷机(工具,刷机包等都是官方的)——手把手教会你