项目简介
本项目是一个面向中国用户的简单 Vue 3 模板,名为 boilerplate-vue3
。其目的在于帮助开发者快速开启桌面端或移动端的网页应用开发工作,集成了 Vue 3 及其生态系统中的多种工具和库,能提供从开发到部署的全流程支持。
项目的主要特性和功能
- 主要依赖:集成 Vue 3、Vite、Pinia、Vue Router、Axios、TailwindCSS 等核心库,保证项目高效且具备可扩展性。
- 路由管理:借助
vite-plugin-pages
和vite-plugin-vue-layouts
实现约定式路由,简化页面管理。 - 状态管理:采用
Pinia
作为状态管理工具,实现高效的全局状态管理。 - 请求处理:以
Axios
作为底层请求工具,通过Vue Query
管理请求状态,简化数据获取和处理。 - 样式与组件:集成
TailwindCSS
和Element Plus
,提供丰富的样式和组件支持。 - 测试工具:集成
Vitest
、Cypress
和Playwright
,确保项目质量和稳定性。
安装使用步骤
假设用户已下载本项目的源码文件,可按以下步骤操作:
1. 复制项目:
sh
cd boilerplate-vue3
2. 安装依赖:
sh
pnpm install
3. 启动项目:
sh
pnpm run dev
部署步骤
- 确认环境变量配置:参考
vite
文档中的环境变量和模式配置。 - 发布版本:运行
pnpm run release
,更新版本号并上传dist
目录下的内容。 - 自定义部署:更多自定义操作可参考
release-it
文档说明,使用node
运行脚本完成操作。
注意事项
- 该模板仅支持 Vue 3,如需 Vue 2 支持,请查看
boilerplate-vue2
。 - 开发过程中遇到问题,请查阅相关文档或寻求社区帮助。
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】