%20(2).svg)
项目简介
本项目是一个基于 Vite、Vue3 和 TypeScript 的现代开发模板，集成了众多实用功能。借助此模板，开发者能够避免在项目配置上浪费时间，以更高效、现代的方式开发 Web 应用。
项目的主要特性和功能
- 构建与框架：采用 Vite 作为构建工具，结合 Vue3 框架，实现快速开发与构建应用。
- 类型检查：运用 TypeScript 进行静态类型检查，提高代码质量和可维护性。
- 样式处理：支持 Windi CSS，提供原子化 CSS 功能和暗黑模式。
- 状态管理：使用 pinia 进行状态管理，提供轻量级解决方案。
- 包管理：采用 pnpm 包管理器，实现更快、更合理的依赖管理。
- 自动引入：支持 Api、组件和图标自动引入，提升开发效率。
- 单元测试：借助 Vitest 进行单元测试，保障代码质量。
- 文档展示：支持 Markdown 渲染，方便书写和展示文档。
- 命令行操作：具备命令行自动创建与删除功能，方便操作项目文件。
- 国际化：提供 i18n 国际化支持，满足不同语言需求。
- 404 页面：拥有漂亮的 404 页面，提升用户体验。
- 语法支持：支持 tsx，可在 Vue 组件中使用 TypeScript 的 JSX 语法。
- 资源压缩：在生产环境下提供 gzip 资源压缩，优化性能。
- 环境配置：支持通过不同环境变量文件配置不同环境。
- 代码规范：通过 ESLint 和 Prettier 统一代码规范与风格。
- 日志处理：生产环境自动移除开发日志，避免不必要信息泄露。
安装使用步骤
复制模板
可通过以下方式复制模板代码到本地：
2. Gitee：git clone git@gitee.com:dishait/tov-template.git
安装依赖
该模板不限定包管理器，npm、yarn 和 pnpm 均可，推荐使用 pnpm：
shell
pnpm install
开发环境启动
```shell pnpm dev
pnpm dev:host
pnpm dev:open ```
生产环境构建
shell
pnpm build
运行单元测试
shell
pnpm test
运行代码规范检查
```shell pnpm lint
pnpm lint:fix ```
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】