Skip to content

基于 Vue3 和 Vant4 的 H5(单页面和多页面)前端模板。A mobile template (spa and mpa) based on Vue3 and Vant4.

License

Notifications You must be signed in to change notification settings

zhangsanplus/ares-mobile

Repository files navigation

License release

Ares Mobile - 基于 Vant4 和 Vue3 的 H5 前端多页面模板

🔥 介绍

Ares Mobile 是一个基于 Vant4 和 Vite 搭建的 H5 前端模板,以古希腊神话中战神 Ares 命名。它旨在帮助开发者快速搭建各种 H5 项目,简化开发流程,提高开发效率。

如果你需要中后台管理系统模板,推荐你使用 Ares Admin 模板。

🌈 安装和使用

  • 安装依赖
# npm i pnpm -g

pnpm i
  • 开发运行
pnpm run dev
  • 编译构建
# 测试环境
npm run build:test

# 生产环境
npm run build
  • 升级依赖
npm run up

✨ 特性

  • 移动端组件库:vant
  • 原子化CSS:unocss
  • 应用程序级的JS语言:typeScript
  • 移动端适配:postcss-px-to-viewport
  • 开发环境区分:development + test + production
  • 移动端调试配置:eruda
  • 旧版浏览器兼容:plugin-legacy
  • 代码格式化:eslint
  • CSS格式化:stylelint
  • 文件目录格式化:ls-lint
  • 代码提交规范:commitlint

如何贡献

  1. Fork 代码
  2. 创建自己的分支: git checkout -b feat/xxxx
  3. 提交你的修改: git commit -am 'feat(function): add xxxxx'
  4. 推送您的分支: git push origin feat/xxxx
  5. 提交 pull request

Git 贡献提交规范

  • 参考 vue 规范 (Angular)

    • feat 增加新功能
    • fix 修复问题/BUG
    • style 代码风格相关无影响运行结果的
    • perf 优化/性能提升
    • refactor 重构
    • revert 撤销修改
    • test 测试相关
    • docs 文档/注释
    • chore 依赖更新/脚手架配置修改等
    • workflow 工作流改进
    • ci 持续集成
    • types 类型定义文件更改
    • wip 开发中