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

创建项目

然后，使用 CLI 工具初始化你的项目：

td-starter init

按照提示操作，选择你需要的配置选项来创建项目。

安装依赖

进入项目目录，安装依赖：

npm install

启动开发环境

接下来，启动开发服务器：

npm run dev

现在，你可以通过浏览器访问 http://localhost:3000 来查看你的项目。

构建项目

当你完成开发后，可以构建项目：

npm run build

如果需要构建测试环境版本，可以使用：

npm run build:test

3. 应用案例和最佳实践

在此部分，你可以参考官方文档中提供的示例代码和最佳实践，学习如何利用 TDesign Vue Next Starter 来构建应用。

• 代码规范：遵循 Vue Style Guide 和 Angular Convention。
• 浏览器支持：确保你的应用兼容以下浏览器版本：
  • Edge >= 84
  • Firefox >= 83
  • Chrome >= 84
  • Safari >= 14.1

4. 典型生态项目

TDesign Vue Next Starter 生态系统中有多种社区版本的项目启动器。你可以参考这些社区版本的项目来获取更多的灵感和实践。

如果你开发了基于 TDesign Vue Next 的启动器版本，请在 GitHub 上创建一个 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