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

[redtech]

前言

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

[tanhui2333]

没搞懂为什么前端喜欢加 emoji

[dany813]

@tanhui2333 可能好看吧，装逼？

[redtech]

@dany813 不然怎么凸显出这是一个“前端”项目呢

[redtech]

@tanhui2333
@dany813

我也是参照一个社区比较流行的项目写的 花里胡哨吧

[agdhole]

angular 开箱即用

[redtech]

@agdhole 哎 一句话感慨： 早知今日 何必当初

[passon]

可以分享下 react 技术栈

[986244073]

分享下 react 技术栈

[redtech]

@passon
@986244073

年中可能会进行分享 目前集团内部都是基于 17 版本的解决方案 正在围绕着 React18 正在进行一些新的改造 尚需一些时日进行验证

[hankli]

vue3 很好，我用 react

[iPhone12]

带 emoji 也能阴阳怪气起来，属于是给整无语了

[redtech]

@iPhone12 GitHub 上面大量使用 emoji 的介绍其实挺常见的

[redtech]

@hankli 哈哈 都是泪

[ufan0]

加 emoji 其实挺流行的，Github 就有这个趋势。我个人也是比较喜欢的，但是加的样式比较乱就会不好看了。

[redtech]

@ufan0 对的 加表情挺讲究的 但是我暂时没有那么多时间去优化

[986244073]

@redtech 期待你的分享

[christin]

已 star 期待 react

[fpure]

.DS_Store 这东西为什么会在代码仓库里面?

[solos]

angular 才是王道

[daysv]

vue 的 1 2 3 真是一言难尽