%20(2).svg)
项目简介
这是一个基于 Vite、Vue3、TypeScript 的现代开发模板。它整合了主流插件，提供了开箱即用的开发环境，能帮助开发者快速构建现代化的Web应用。该模板集成了文件路由、布局系统、Mock支持等多项功能，可提高开发效率，减少配置时间。
项目的主要特性和功能
- 构建与框架：采用Vite作为构建工具，提供快速开发环境；使用最新的Vue3框架版本。
- 路由与布局：实现目录结构即路由；提供默认布局系统，支持自定义布局。
- Mock与自动引入：提供mock服务模拟后端API；支持自动引入API模块、Vue组件和图标。
- 其他特性：具备VueUse的hooks库支持、TypeScript类型检查、Windi CSS原子CSS支持、暗黑模式切换、SWR请求库支持、pinia状态管理等。同时，还提供跳转进度条、Inspect调试工具、插件自动加载、Vitest单元测试、Markdown文件渲染、路径别名、命令行自动创建与删除、国际化支持、404页面支持、tsx支持以及生产环境资源压缩等功能。
安装使用步骤
假设用户已经下载了本项目的源码文件，使用前建议检查node版本，推荐使用v16及以上版本。
1. 复制模板：
shell
2. 安装依赖：
shell
pnpm install
3. 开发：
shell
pnpm dev
4. 预览：
shell
pnpm preview
5. 打包：
shell
pnpm build
6. 单元测试：
shell
pnpm test
7. 单元测试报告生成：
shell
pnpm coverage
8. 样式报告预览：
shell
pnpm analysis
9. 样式报告打包：
shell
pnpm analysis:build
10. 类型检查：
shell
pnpm typecheck
11. 自动创建：
shell
pnpm auto:create
12. 自动移除：
shell
pnpm auto:remove
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】