今天给大家分享一些我自己在用的 AI 编程扩展，帮你大幅提高 AI 编程效率和代码质量。 万字长文 + 100 多张图，绝对干货！点个收藏，让我们开始吧~

以规范、能力扩展和流程为主线的 AI Coding 架构，实现 AI 生成的前端页面 90% 还原设计稿，需求实现更准确，代码风格一致，结构设计合理。

一般合同的展示信息，包含页眉，页脚以及合同本身的内容（比如各项条款及法规等）。合同会有多页，也就避免不了要对合同生成后的电子文档（如PDF文件等）内容进行分页处理。

通过最近的面试我发现，很多同行小伙伴做了几年的开发竟然连基本的设计模式都不知道，甚至可能连什么是设计模式都说的有点模棱两可。 如果作为几年经验的中高级前端这其实是不应该的。

有时候，你可能不希望别人调试你的前端页面代码，这里我们讲述一些比较常用的方法，虽然完全禁止别人调试你的前端页面代码是不太可能的，但你可以采取一些措施来增加调试的难度。

技术栈是vite3 + vue3.2 + ts，用eslint做代码检查，用prettier做代码格式化，StyleLint做css代码检查，husky做git提交规范

如果 .parent 的 height 不写，你只需要 padding: 10px 0; 就能将 .child 垂直居中； 如果 .parent 的 height 写死了，就很难把 .child 居中

chrome 浏览器上有很多插件，最喜欢的只有这一个，因为它解决了我工作中的很多麻烦。相信我，装上它，你的工作会容易很多。

「工欲善其事，必先利其器」，颜值高且好用的工具往往能让我们事半功倍，介绍一些个人觉得在`Mac`好用的工具以及配置，让你编码和工作效率提升