项目介绍
TDesign Vue Starter作为腾讯的开源项目，完全免费（MIT license协议开源）向公众开放。同时，它采用了TDesign设计体系，以简洁、直观、美观的界面设计，为用户提供了极佳的视觉体验。无论是项目的整体布局，还是各个组件的细节处理，都体现了腾讯对设计的高水准要求。
TDesign Vue Starter预置了丰富的页面模板、完整的目录结构和代码规范配置，让开发者能够迅速启动项目，无需在繁琐的基础架构搭建上浪费时间。只需通过简单的CLI工具初始化，即可立即开始开发，大大提升了项目启动的效率。
应用场景
TDesign Vue Starter适用于需要快速搭建企业级中后台管理系统的场景。它提供了一系列预设的页面、完整的目录结构、代码规范配置等，使得开发者能够迅速启动项目并专注于业务逻辑的实现，而无需在基础架构和样式规范上耗费大量时间。
功能模块
-
页面模板：提供多种预设页面，如登录页、仪表盘、列表页等，方便开发者快速构建界面。 -
目录结构：精心设计的目录结构，确保项目代码清晰易读，便于维护和扩展。 -
代码规范：集成代码规范配置，确保团队成员编写的代码风格一致，提高代码质量。 -
主题定制：支持自定义主题颜色，满足企业个性化需求。 -
空间布局：提供多种空间布局方案，适应不同屏幕尺寸和分辨率。 -
Mock数据：内置Mock数据方案，方便开发者在开发阶段进行调试和测试。
功能特点
-
即开即用：通过CLI工具 tdesign-starter-cli快速初始化项目，即刻开始开发。 -
暗模式支持：内置暗模式切换功能，提升用户体验。 -
跨浏览器兼容：支持IE、Edge、Firefox、Chrome、Safari等主流浏览器，确保项目在不同环境下的稳定性。
快速使用
初始化项目仓库
## 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
项目技术栈
-
前端框架：Vue2 -
构建工具：Vite -
设计体系：TDesign -
代码规范：ESLint、Prettier等
功能演示
-
在线预览：https://tdesign.tencent.com/starter/vue/dashboard/base
开源地址
https://github.com/Tencent/tdesign-vue-starter
