README.zh-CN.md

在线 Demo

JSX版的 Vitesse

English | 简体中文

特性

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

• 🪄 JSX 宏 - 包含 jsx-directive & jsx-macros & jsx-ref.

• 🗂 基于文件的路由

• 📦 组件自动化加载

• 📑 布局系统

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

• 😃 各种图标集为你所用

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

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

• 🦾 TypeScript, 当然

• ☁️ 零配置部署 Netlify

完整特性,请查看 Vitesse

从 Vitesse 中删除了以下特性

• i18n
• SSG
• PWA
• Markdown

预配置

UI 框架

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

Icons

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

插件

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

现在可以试试!

GitHub 模板

使用这个模板创建仓库.

克隆到本地

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

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