Vite-lite

特性

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

• 🍍使用 Pinia 的状态管理

• 🍭 使用Element-Plus UI 组件库

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

• 😃 各种图标集为你所用

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

• 🦾 TypeScript, 当然

• ☁️ 零配置部署 Netlify

预配置

UI 框架

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

Icons

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

插件

• VueUse - 实用的 Composition API 工具合集
• unplugin-auto-import - 直接使用 Composition API 等，无需导入
• unplugin-vue-macros - 探索并扩充更多宏和语法糖到 Vue
• plugin-vue-jsx - 支持JSX、TSX语法

VS Code插件

• UnoCSS - 一个让你在写UnoCss时候更得心应手的插件
• Iconify IntelliSense - 一个可以在线预览icon的插件

现在可以试试!

GitHub 模板

使用这个模板创建仓库.

克隆到本地

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

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