^{@erkelost/tempalte}

在线 Demo

所有技术栈 #

• 🚀 Pnpm - 包管理工具

• 🎨 Echarts - 图表库

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

• ✨ Naive UI - Vue3 官方推荐组件库 主题化完整 组件丰富

• 📦 组件自动化加载

• 🍍 使用 Pinia 的状态管理 - Vue3 官方库

• 📑 布局系统 @erkelost/layout 覆盖大部分布局系统

• ✨ 路由系统 VueRouter - Vue3 官方库

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

• 😃 Iconify 集成上万按需加载各种图标集为你所用 - 超级完整图标库

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

• 🤙🏻 默认开启 响应性语法糖

• 📥 API 自动加载 - 直接使用 Composition API 无需引入

• 🦾 TypeScript 开发时代码 静态分析 监测

• ❤️ @VueUse/core Vue3 hook 库

• 🗓️ @commitlint 代码提交规范

• 📦 Prettier & Eslint 代码规范检查

• 📦 husky 代码提交时 检查 pre 检查 post 检查

• 🍔 SASS1.5.1 css 预处理器

基于 Vite 所有插件问题（性能问题）（服务端渲染问题）（开发性能 生产性能问题） #

Vite 插件 总览 （基于 vite 版本 2.9.5） #

• 🚀 @vitejs/plugin-legacy - 适配低版本浏览器 vite 版本 polyfill

• ⚡️ @vitejs/plugin-vue - Vue 预设

• 🚀 @vitejs/plugin-vue-jsx - Jsx 预设

• ⚡️ vite-plugin-compression - 打包编译预设 压缩

• 🚀 vite-plugin-eslint - Vite 版本类型监测

• ⚡️ vite-plugin-glob - Vite glob 扫描语法

• ⚡️ vite-plugin-inspect - 模块 关联插件 开发检测 模块依赖问题

• ⚡️ vite-plugin-optimize-persist - vite 开发预加载问题 提升预构建性能问题

按需依赖 #

• 😃 unplugin-auto-import - API 自动按需构建

• 🔥 unplugin-icons - SVG vue 组件 图标库 按需构建

• 🤙🏻 unplugin-vue-components - Components 自动按需构建

其他依赖 #

注 #