美味值：🌟🌟🌟🌟🌟
口味：乌龙桃桃
PC 端在仓库里看体验更好，顺手赏个 Star 是对食堂最大的支持。
本期摘要
- Vue 2.7 "Naruto" Released
- Prisma 4.0.0
- father 4 RC
- Layoutit grid 生成器
- Oh Shit, Git
- HTML Tips - The hidden Gems
- 给前端开发人员和设计师的最佳 Chrome 插件
- Data Flow in Remix
大家好，我是童欧巴。欢迎来到本期的前端食堂技术周刊，我们先来看下上周的技术资讯。
技术资讯
Vue 2.7 如期而至，版本代号为 Naruto。我翻出了写于 2 年前的文章 海贼王 One Piece，一起康康 Vue 版本号中的彩蛋，结尾还抛出了对火影忍者的期待。文章的评论区有堂友在 11 个月前预测 Vue 2.7 Naruto，我愿称之为全场最佳。
说回本次版本发布，发布公告相比 Beta 版本多出了以下内容：
- 升级指南(Vue CLI / webpack、Vite、Volar、Vue Devtools)
- 额外细节(Vue2 从 Flow 移植到 TypeScript，单元测试从 Karma + Jasmine 移植到 Vitest)
并对 Vue2.7 发布前社区内为弥补差距所开发的插件作出感谢：
- @vue/composition-api
- vue-demi
- vite-plugin-vue2
Prisma 4.0.0 带来了一系列的 Breaking Changes，包括 Prima Schema、Prisma Client 和一般性改进，并提供了详尽的升级指南。
距离 father 上一个 major 版本发布已经过去了近 3 年，father 4 RC 版近日发布，主要特性如下：
- 双模式构建 (Bundless 和 Bundle 两种构建模式)
- 多 Bundless 编译核心 (Babel 和 esbuild，未来计划支持 SWC 等)
- 依赖预打包 (基于 Vercel 的 ncc 和 Microsoft 的 api-extractor，目前处于持续优化阶段)
在正式版发布之前还将完成如下特性：
- SWC Bundless 编译核心
- father doctor 命令，自动诊断当前项目中存在的问题，给开发者提示
- father g 命令，提供工程原子化能力的生成
- 插件接入能力，给项目提供定制化入口，并发展插件生态
下面我们来看技术资料。
技术资料
CSS Grid 布局生成器，提供简洁干净的编辑器快速设计网页布局，并获取 HTML 和 CSS 代码以快速启动您的下一个项目。(该项目使用 Vue3、Vite、Vueuse 等搭建)
作者总结了他使用 Git 遇到过的抓狂经历，并提供了详细的解决方法，包括如下问题：
- 进行了错误操作，能给我台时光机吗？
- 刚提交 commit 就发现还有东西需要改动，如何快速添加？
- 如何修改刚刚提交的 commit 信息？
- 不小心把本应该在新分支上提交的东西提交到了 master
- 把 commit 提交错分支怎么办？
- diff 命令查看变更却发现什么也没有
- 想要撤回很早以前的 commit
- 想要撤回某一个文件的改动
HTML 免费电子书，本书介绍了一些不常见的 HTML 特性，包含大量示例和精美的图片。
本文包含 10 余个可以帮助你提升效率的 Chrome 插件。
本文介绍了 Remix 中的数据流，Remix 简化了组件与服务器的交互，帮你有效的跨越网络鸿沟：客户端上的状态与服务器上状态的差距，这正是许多客户端状态管理库所不能做到的。而 Remix 扩展了网络中的数据流，使其真正实现单向和循环：从服务器状态(state)到客户端视图(view)，再返回到服务器(action)。
其他信息
好文推荐
下面来看一下好文推荐，本周推荐的好文是：
好了，以上就是本期的食堂周刊，观众老爷们如果觉得还不错，一键三连是对食堂老板最大的支持。
你的前端食堂，吃好每一顿饭，我们下期见。
❤️爱心三连击
1.如果你觉得食堂酒菜还合胃口，就点个赞支持下吧，你的赞是我最大的动力。
2.关注公众号前端食堂，吃好每一顿饭！
3.点赞、评论、转发 === 催更！
