项目简介

TDesign Vue Starter 是一个基于 tdesign-vue，使用 Vue2、Vite2开发，可进行个性化主题配置，旨在提供项目开箱即用的、配置式的中后台项目。

在线预览 · 使用文档

特性

• 内置多种常用的中后台页面
• 完善的目录结构
• 完善的代码规范配置
• 支持暗黑模式
• 自定义主题颜色
• 多种空间布局
• 内置 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

其他

## 预览构建产物
npm run preview

## 代码格式检查
npm run lint

## 代码格式检查与自动修复
npm run lint:fix

## style格式检查
npm run stylelint

## style格式检查与自动修复
npm run stylelint:fix

如何贡献

非常欢迎您的贡献！提交您的 Issue 或者提交 Pull Request。

Pull Request

1. Fork 代码!
2. 创建自己的分支: git checkout -b feat/xxxx
3. 提交你的修改: git commit -a 'feat(project): describe'
4. 推送您的分支: git push origin feat/xxxx
5. 提交 pull request

贡献提交规范

• Angular Convention
• Vue Style Guide

兼容性

IE / Edge	Firefox	Chrome	Safari
Edge >=84	Firefox >=83	Chrome >=84	Safari >=14.1

开源协议

TDesign 遵循 MIT 协议。

模版修改项

1. 增加 @wecity/tdesign-gov-vue 包引入
   • eslintrc配置从包中导出，设置为公司rules，替换原有airbnb配置
   • stylelint配置从包中导出，设置为公司rules
2. 增加多页面配置，
   • 配套增加对应的ENV配置变量
   • 修改index.html路径，增加local.html作为开发模式页面入口模版
   • 增加cli-config文件夹存放对应配置文件
   • 调整原有页面路径，分为默认的index和login 2个
3. 增加env.config.js 文件（文件下发直接修改变量功能）
4. 增加政务组件路由，增加选择器组件示例页面