【源码】基于 Vue3 和 Vite 的轻量级前端项目模板

项目简介

本项目是基于 Vue3、Vite3、Pinia、Unocss 和 Naive UI 等前端最新技术栈构建的轻量级前端项目模板。相较于其他流行的后台管理模板，它更为简洁、轻量，风格清新，学习成本低，适合中小型项目或个人项目。

项目的主要特性和功能

1. 集成 Naive UI，提供丰富 UI 组件，简化开发流程。
2. 支持 dev、测试、生产等不同环境的多环境配置。
3. 集成 eslint + prettier，实现代码约束和格式化统一。
4. 集成 husky + lint - staged，确保代码提交规范化。
5. 集成 pinia 进行状态管理，轻量、简单、易用。
6. 集成 unplugin 插件，实现相关内容自动导入，提升开发效率。
7. 集成 iconify 图标，支持自定义 svg 图标，优雅使用图标。
8. 集成 unocss 开源的原子 css 解决方案，轻量高效。

安装使用步骤

运行环境要求

• pnpm 7.20.x
• Node.js 18.14+

操作步骤

1. 下载项目源码文件。
2. 打开终端，进入项目根目录，执行 pnpm i 安装依赖。
3. 执行 pnpm dev 启动开发环境。
4. 执行 pnpm build 进行项目打包。

构建发布

• 构建测试环境：执行 pnpm build:test
• 构建生产环境：执行 pnpm build

其他指令

• 代码检查并修复：执行 pnpm lint
• 预览发布包效果（需先执行构建指令）：执行 pnpm preview

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】