现代化的 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