Skip to content

一个基于 Vite、Vue3、TypeScript、Vue Router、Pinia、Vant 4 等构建的移动端开发模板。

License

Notifications You must be signed in to change notification settings

luckyAisen/vue3-h5-template

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

28 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

vue3-h5-template

一个基于 Vite、Vue3、TypeScript、Vue Router、Pinia、Vant 4 等构建的移动端开发模板。

该模板包含以下内容:

  • pnpm 作为包管理器,节省磁盘空间。

  • Eslint + Pettier + stylelint + husky 统一开发规范。

  • Vite 构建工具。

  • Vue3 + TypeScript,使用 Composition Api 组织代码。

  • Vue Router 路由管理器。

  • Pinia 状态管理库。

  • Vant 4 作为 UI 组件库,支持按需引入、深色模式、动态切换主题。

  • Tailwind CSS 原子类的 CSS 框架。

  • Fetch(umi-request) 封装和接口管理。

  • VM(postcss-mobile-forever 或者 postcss-px-to-viewport-8-plugin) 适配方案。

  • SVG 图标自动注册组件。

  • VConsole 开发者调试面板。

  • Vue DevTools Next 下一代开发者工具。

  • 多环境支持。

  • 打包资源 gzip 压缩。

效果图

亮色模式

light-1

light-2

light-3

暗色模式

dark-1

dark-2

dark-3