AIRA 前端專案模板

特徵

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

• 🗂 基於檔案的路由

• 📦 组件自動化加載

• 🍍 使用 Pinia 的狀態管理

• 📑 布局系統

• 🎨 UnoCSS - 高性能且極具靈活性的即時原子化 CSS 引擎。

• 😃 各種圖標集為你所用

• 🌍 I18n 國際化開箱即用

• 🛸 ky - 輕量級 HTTP 客戶端

• 📅 date-fns - 日期處理函數庫

• 🦾 TypeScript, 當然

預設配置

UI 框架

• UnoCSS - 高性能且極具靈活性的即時原子化 CSS 引擎。
• CoreUI - AIRA 產品御用 UI 框架

Icons

• Iconify - 使用任意的圖標集，瀏覽 🔍Icônes
• Pure CSS Icons via UnoCSS

插件

• Vue Router
  • unplugin-vue-router - 以文件系統為基礎的路由
  • vite-plugin-vue-layouts - 頁面佈局系統
• unplugin-auto-import - 直接使用 Composition API 等，無需導入
• unplugin-vue-components - 自動加載組件
• Vue I18n - 國際化
  • unplugin-vue-i18n - Vue I18n 的 Vite 插件
• VueUse - 實用的 Composition API 工具合集

代碼風格

• 使用 Composition API 的 <script setup> SFC 語法
• ESLint 配置為 @antfu/eslint-config, 單引號, 無分號.

GitHub 模板

使用這個模板創建倉庫..

克隆到本地

請使用這種方式來建立專案，這樣可以保留更乾淨的 git 歷史紀錄

npx degit airaTaiwan/aira-frontend-template airaApp
cd airaApp
pnpm i # 如果你沒裝過 pnpm, 可以先運行: npm install -g pnpm

授權

此模板改至 vitesse-lite 模板

MIT License © 2024-PRESENT airaTaiwan