TDesign Vue Next Starter 使用教程

TDesign Vue Next Starter 使用教程

tdesign-vue-next-starter A starter-kit for TDesign Vue Next UI components 项目地址: https://gitcode.com/gh_mirrors/tde/tdesign-vue-next-starter

1. 项目介绍

TDesign Vue Next Starter 是基于 TDesign 设计语言的 Vue 3、Vite、Pinia 和 TypeScript 的项目启动器。它支持自定义主题配置，旨在为开发者提供一个开箱即用的项目，适用于中后台项目开发。

2. 项目快速启动

安装 CLI 工具

首先，你需要全局安装 tdesign-starter-cli：

npm i tdesign-starter-cli@latest -g

创建项目

然后，使用以下命令初始化你的项目：

td-starter init

按照提示操作，选择适合你的配置选项。

安装依赖

进入项目目录后，运行以下命令安装依赖：

npm install

开发环境

启动开发环境：

npm run dev

你的浏览器将自动打开并展示应用界面。

构建项目

构建生产环境：

npm run build

构建测试环境：

npm run build:test

3. 应用案例和最佳实践

目录结构

• src：源代码目录
• public：公共文件目录，如 index.html
• mock：模拟数据目录
• docs：文档目录

代码规范

• 使用 Angular 的提交规范
• 遵循 Vue 风格指南

浏览器支持

• Edge >= 84
• Firefox >= 83
• Chrome >= 84
• Safari >= 14.1

4. 典型生态项目

TDesign Vue Next Starter 社区版本提供了多种启动器，你可以访问社区链接获取更多信息。如果你开发了基于 TDesign Vue Next 的启动器，请创建一个 Issue 或提交一个 Pull Request，以便我们知晓。

本文档旨在帮助开发者快速上手 TDesign Vue Next Starter，并充分利用其功能进行项目开发。

tdesign-vue-next-starter A starter-kit for TDesign Vue Next UI components 项目地址: https://gitcode.com/gh_mirrors/tde/tdesign-vue-next-starter