logo
0
0
Login
docs: update README.md

TDesign 移动端页面模板

介绍

tdesign-mobile-vue-starter-community 是一个基于 TDesign Mobie Vue 移动端组件库,使用 Vue3、Vite、TypeScript 开发。

特性

五大功能模块

  • 首页:该模块是用户进入应用的第一印象,需要展示核心功能和信息,引导用户进行下一步操作;
  • 消息中心:该模块负责集中展示各类消息通知,方便用户及时了解动态;
  • 个人中心:该模块是用户管理个人信息、查看历史发布记录、设置偏好等的集中区域;
  • 设置中心:该模块允许用户对应用的各项功能进行个性化配置,如通知设置、主题切换等;
  • 登陆注册:该模块是用户进入应用的入口,需要提供便捷、安全的登录注册方式,如验证码登陆、账号密码登录、第三方账号授权等。

个性化主题配置

  • 支持自定义主题,满足不同品牌或应用的需求。

本地开发

推荐使用 node.js 的 LTS 版本(22.x)进行开发,pnpm 作为包管理器

安装依赖

pnpm install

启动项目

pnpm run dev

贡献指南

约定式提交

提交规范与 Conventional Commits 一致,结构如下所示:

<type>[optional scope]: <description> [optional body] [optional footer(s)]

type 类型如下:

1. feat:新功能 2. fix:修补 bug 3. docs:文档 4. style: 格式 5. refactor:重构 6. test:增加测试 7. chore:构建过程或辅助工具的变动

项目结构

tdesign-mobile-vue-starter-community/ ├── .github/ # GitHub相关配置 │ ├── workflows # 自动化工作流配置 ├── .husky/ # Git Hooks配置 ├── .vscode/ # VSCode编辑器配置 ├── node_modules # 项目依赖包 ├── public/ # 公共静态资源 ├── src/ # 项目源码 │ ├── assets/ # 静态资源 │ ├── components/ # 可复用组件 │ ├── layouts/ # 布局组件 │ ├── pages/ # 业务页面 │ ├── router/ # 路由配置 │ ├── stores/ # 状态管理 │ ├── App.vue # 根组件 │ ├── *.d.ts # 类型声明文件 │ └── main.ts # 应用入口文件 ├── .cnb.yml # cnb.cool CI/CD配置文件 ├── .gitignore # git忽略匹配规则 ├── eslint.config.mjs # ESLint 配置文件 ├── index.html # 应用HTML入口 ├── package.json # 项目依赖和脚本 ├── pnpm-lock.yaml # pnpm锁定文件 ├── README.md # 项目说明文档 ├── tsconfig.json # TypeScript配置 └── vite.config.ts # Vite配置

视觉稿

本项目基于以下视觉稿进行开发: