github.com/antfu-collective/vitesse-lite @main

在线 Demo

轻量版的 Vitesse

English | 简体中文

特性

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

• 🗂 基于文件的路由

• 📦 组件自动化加载

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

• 😃 各种图标集为你所用

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

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

• 🦾 TypeScript, 当然

• ☁️ 零配置部署 Netlify

完整特性,请查看 Vitesse

从 Vitesse 中删除了以下特性

• ~~i18n~~
• ~~Layouts~~
• ~~SSG~~
• ~~PWA~~
• ~~Markdown~~

预配置

UI 框架

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

Icons

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

插件

• Vue Router - 以文件系统为基础的路由
• unplugin-auto-import - 直接使用 Composition API 等，无需导入
• unplugin-vue-components - 自动加载组件
• unplugin-vue-macros - 探索并扩展更多的宏和语法糖到 Vue 中
• VueUse - 实用的 Composition API 工具合集

现在可以试试!

GitHub 模板

使用这个模板创建仓库.

克隆到本地

如果您更喜欢使用更干净的 git 历史记录手动执行此操作

npx degit antfu-collective/vitesse-lite my-vitesse-app
cd my-vitesse-app
pnpm i # 如果你没装过 pnpm, 可以先运行: npm install -g pnpm