%20(2).svg)
项目简介
这是一个 vite + vue3 + ts 开箱即用的现代开发模板，整合了众多主流插件和现代开发架构，能为开发者节省项目配置时间，提高开发效率，助力开发者更专注于业务逻辑实现，快速搭建高质量Web应用。
项目的主要特性和功能
- 核心框架：以Vite为构建工具，结合Vue3和TypeScript开发。
- 路由与布局：支持文件路由，目录结构即路由；有布局系统，可设默认和非默认布局。
- 模拟数据：提供Mock支持，在
mock目录模拟接口数据。 - 自动引入：支持Api、组件、图标自动引入，无需手动
import。 - 实用工具：集成VueUse库，有丰富
hooks；支持SWR请求，简化数据请求处理。 - 状态管理：用pinia进行状态管理，比vuex简单，对TypeScript支持更好。
- 样式处理：采用Windi CSS，支持暗黑模式和属性化模式，可生成可视化分析报告。
- 其他特性：具备跳转进度条、Inspect调试支持、Vitest单元测试、Markdown渲染、路径别名
~支持、命令行自动创建与删除、i18n国际化支持、漂亮的404页、tsx支持以及gzip资源压缩等功能。
安装使用步骤
复制模板
可通过以下方式复制模板：
- Gitee：git clone git@gitee.com:dishait/tov-template.git
环境要求
推荐使用 node 当前的长期维护版本 v16，且版本大于 v16.13.1。该模板不限定包管理器，npm、yarn和pnpm均可使用，建议使用 pnpm 以获得更快的安装速度。若使用 pnpm，可参考 安装教程 进行安装。
安装依赖
shell
pnpm install
开发
```shell pnpm dev
pnpm dev:host
pnpm dev:open ```
预览
```shell pnpm preview
pnpm preview:host
pnpm preview:open ```
打包
shell
pnpm build
单元测试
shell
pnpm test
单元测试报告生成
shell
pnpm coverage
样式报告预览
shell
pnpm analysis
样式报告打包
shell
pnpm analysis:build
类型检查
shell
pnpm typecheck
自动创建
shell
pnpm auto:create
自动移除
shell
pnpm auto:remove
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】