前言
虽然我们目前基本上全面转向 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