V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
redtech
V2EX  ›  Vue.js

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

  •  
  •   redtech ·
    byoungd · 2022-02-05 16:21:54 +08:00 · 5828 次点击
    这是一个创建于 1012 天前的主题,其中的信息可能已经有所发展或是发生改变。

    前言

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

    24 条回复    2022-02-08 14:07:08 +08:00
    tanhui2333
        1
    tanhui2333  
       2022-02-05 18:56:51 +08:00   ❤️ 5
    没搞懂为什么前端喜欢加 emoji
    dany813
        2
    dany813  
       2022-02-05 19:04:01 +08:00   ❤️ 1
    @tanhui2333 可能好看吧,装逼?
    redtech
        3
    redtech  
    OP
       2022-02-05 19:45:37 +08:00
    @dany813 不然怎么凸显出这是一个“前端”项目呢
    redtech
        4
    redtech  
    OP
       2022-02-05 20:03:23 +08:00
    @tanhui2333
    @dany813

    我也是参照一个社区比较流行的项目写的 花里胡哨吧
    agdhole
        5
    agdhole  
       2022-02-05 21:24:36 +08:00
    angular 开箱即用
    redtech
        6
    redtech  
    OP
       2022-02-05 21:25:42 +08:00
    @agdhole 哎 一句话感慨: 早知今日 何必当初
    passon
        7
    passon  
       2022-02-05 22:16:20 +08:00
    可以分享下 react 技术栈
    986244073
        8
    986244073  
       2022-02-05 22:40:49 +08:00 via Android
    分享下 react 技术栈
    redtech
        9
    redtech  
    OP
       2022-02-06 08:58:25 +08:00
    @passon
    @986244073

    年中可能会进行分享 目前集团内部都是基于 17 版本的解决方案 正在围绕着 React18 正在进行一些新的改造 尚需一些时日进行验证
    hankli
        10
    hankli  
       2022-02-06 10:43:13 +08:00
    vue3 很好,我用 react
    iPhone12
        11
    iPhone12  
       2022-02-06 11:05:16 +08:00 via iPhone
    带 emoji 也能阴阳怪气起来,属于是给整无语了
    redtech
        12
    redtech  
    OP
       2022-02-06 11:33:40 +08:00
    @iPhone12 GitHub 上面大量使用 emoji 的介绍其实挺常见的
    redtech
        13
    redtech  
    OP
       2022-02-06 11:33:50 +08:00
    @hankli 哈哈 都是泪
    ufan0
        14
    ufan0  
       2022-02-06 15:20:28 +08:00 via iPhone
    加 emoji 其实挺流行的,Github 就有这个趋势。我个人也是比较喜欢的,但是加的样式比较乱就会不好看了。
    redtech
        15
    redtech  
    OP
       2022-02-06 15:21:13 +08:00   ❤️ 1
    @ufan0 对的 加表情挺讲究的 但是我暂时没有那么多时间去优化
    986244073
        16
    986244073  
       2022-02-06 15:37:50 +08:00 via Android
    @redtech 期待你的分享
    christin
        17
    christin  
       2022-02-06 16:18:48 +08:00 via iPhone
    已 star 期待 react
    fpure
        18
    fpure  
       2022-02-06 19:32:52 +08:00
    .DS_Store 这东西为什么会在代码仓库里面?
    solos
        19
    solos  
       2022-02-06 23:18:42 +08:00
    angular 才是王道
    daysv
        20
    daysv  
       2022-02-07 09:11:47 +08:00
    vue 的 1 2 3 真是一言难尽
    qichunren
        21
    qichunren  
       2022-02-07 10:04:31 +08:00
    请问一下 关于 “无妥协使用任意 icons” 这个可以说说吗?我直接使用 SVG
    cyberpoint
        22
    cyberpoint  
       2022-02-07 12:12:21 +08:00
    还是喜欢 react 多一点,
    ychost
        23
    ychost  
       2022-02-07 20:24:39 +08:00
    已 Star~,Vue3 用起来挺爽的,
    Jaosn
        24
    Jaosn  
       2022-02-08 14:07:08 +08:00
    @fpure +1
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5838 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 21ms · UTC 02:51 · PVG 10:51 · LAX 18:51 · JFK 21:51
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.