现代化的 Vue 技术栈 即刻享受令人愉悦的开发体验

前言

虽然我们目前基本上全面转向 react 了，但是还要想分享一下经过实践的 vue3 技术栈

特点

• ⚡️ Vue 3,Vite 2, pnpm, ESBuild - 生而为快

• ⚡️ 打包时进行压缩优化

• ⚡️ 上传静态资源至 OSS 以支持 CDN

• 🦾 通过 .env 文件进行环境隔离 轻松使用多套环境以应对开发和生产环境

• 🦾 使用 Rush 搭建 Monorepo

• 🦾 使用 micro-app 作为微前端方案 配合 monorepo 轻松接入多个不同技术栈的项目

• 🎨 支持 Commitlint 以规范代码提交

• 🎨 使用 prettier 和 pretty-quick 进行代码自动格式化

• 🗂 基于文件结构的路由系统

• 📦 自动引入组件

• 🍍 使用 Pinia 进行状态管理

• 📑 布局系统

• 扩展 Script Setup 提供组件名称

• 📲 PWA

• 🎨 Windi CSS - next generation utility-first CSS framework

• 😃 无妥协使用任意 icons

• 🌍 I18n

• 🗒 支持 Markdown

• 🔥 使用 <script setup> 写法进行高效开发

• 📥 APIs 自动引入 - use Composition API and others directly

• 🖨 服务端页面生成 (SSG) 通过 vite-ssg

• 🦔 规范的 CSS critters

• 🦾 全面支持 TypeScript

• ⚙️ 使用 [Vitest] 单元测试 E2E Testing with Cypress on GitHub Actions

链接：github.com/byoungd/modern-vue-template