万妙之心

现在做个稍微大点的前端项目，动不动就得拆出几个管理后台、C端项目，还有一堆大家都要用的组件库和工具函数。以前把它们分开建在好几个仓库里，每次改个公共函数，都得发个 npm 包，然后再去各个项目里跑一遍 update，特别心累。

后来实在受不了了，把它们全塞进了一个仓库里（Monorepo），用 pnpm 加上 Turborepo 统一管，踩了些坑但弄完确实顺畅不少。这里简单记录一下基础配置，以后开新项目直接回来抄。

ChatGPT 用了几个月，发现同样一个问题，问法不一样结果差距特别大。有时候给它一句话描述需求，出来的东西驴唇不对马嘴；换个方式把上下文说清楚，生成的代码直接就能跑。后来去看了些提示词工程（Prompt Engineering）的资料，发现确实有些套路可以用。记一下我觉得比较实用的几个。

ChatGPT 3.5 去年底出来，GPT-4 三月正式发布，最近这几个月 AI 辅助编程话题在前端圈子里已经很热了。我从年初开始比较系统地把它用进日常工作，说一些真实感受，不是广告也不是黑子，就是用了一个月的实际体会。

刚开始听说 ChatGPT 能写代码的时候，说实话我是抱有怀疑态度的。毕竟平时遇到坑，连 StackOverflow 都不一定能马上解决，一个 AI 真的能懂业务逻辑吗？

但实际用了一段时间后，感觉还行，确实改变了我平时写代码的一些习惯。这里简单记录下最近的一些使用感受。

以前写响应式布局，最烦的就是只能看着屏幕宽度（Viewport）来调样式。一个卡片组件放到侧边栏和主区域，还得写两套类名去控制。前阵子看文档发现 Container Queries 和 :has() 终于大规模支持了，试着改了下老项目的代码，感觉还挺香的。