Vitesst mobile

（Vue 3.x + Vite 2.x + TS + Vant 3.x Mobile Simple Starter Template）

👏 欢迎使用Vitesst mobile 模版，这是一个基于 Vitesse-lite 扩展的移动端模版。
添加了Vant 3.0的组件库和一些常用扩展，可以快速开发移动端页面。

在线 Demo

特性

• ⚡️ Vue 3, Vite 3, pnpm, ESBuild - 就是快！

• 🗂 基于文件的路由

• 🌲 Layouts自定义布局

• 🎈 Axios 封装

• 🏠 Vant 3.0 组件集成

• 📦 组件自动化加载

• 🎨 UnoCSS - 高性能且极具灵活性的即时原子化 CSS 引擎

• 😃 各种图标集为你所用

• 👻 动态化图标

• 🔥 使用 新的 <script setup> 语法

• ✅ 使用 Vitest 进行单元和组件测试

• ✅ Gzip 打包压缩

• 🥚 font-size自动设置 rem自动转换

• 🦾 TypeScript

预配置

UI 框架

• UnoCSS - 高性能且极具灵活性的即时原子化 CSS 引擎

Icons

• Iconify - 使用任意的图标集，浏览：🔍Icônes
• UnoCSS 的纯 CSS 图标方案

插件

• Vue Router
  • vite-plugin-pages - 以文件系统为基础的路由
  • 'vite-plugin-vue-layouts' - Layouts布局插件
• unplugin-auto-import - 直接使用 Composition API 等，无需导入
• unplugin-vue-components - 自动加载组件
• VueUse - 实用的 Composition API 工具合集
• vite-plugin-compression - Gzip 打包压缩

现在可以试试!

GitHub 模板

使用这个模板创建仓库.

感谢

项目模版基于antfu的Vitesse-lite开发，并且其中大量使用了他开发的插件、工具库等等。他是一个令人倾佩的偶像！