Wangshaopenga / my-vue-template

在线 Demo

轻量版的 Vitesse

​ 根据轻量版的 Vitesse改版,仅为自己使用,可以查看原版

特性

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

• 🗂 基于文件的路由

• 📦 组件自动化加载

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

• 😃 各种图标集为你所用

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

• 🦾 TypeScript, 当然

• ☁️ 零配置部署 Netlify

• 🍍 使用 Pinia 的状态管理

轻量级完整特性,请查看 Vitesse Lite
完整特性,请查看 Vitesse

从 Vitesse 中删除了以下特性

• i18n
• Layouts
• SSG
• PWA
• Markdown
• Vitest

预配置

UI 框架

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

Icons

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

插件

• Vue Router
  • vite-plugin-pages - 以文件系统为基础的路由
• unplugin-auto-import - 直接使用 Composition API 等，无需导入
• unplugin-vue-components - 自动加载组件
• VueUse - 实用的 Composition API 工具合集

现在可以试试!

GitHub 模板

使用这个模板创建仓库.

克隆到本地

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

npx degit Wangshaopenga/my-vue-template project-name
cd my-vitesse-app
pnpm i # 如果你没装过 pnpm, 可以先运行: npm install -g pnpm