最近跟几个做前端的哥们儿吃饭，聊着聊着就说到AI写代码这事儿。有个兄弟感慨，现在用Copilot或者Cursor，噼里啪啦几分钟就能撸出一个页面结构，连逻辑都给你顺带写了。另一个接话说，是啊，可每次拿到别人写的或者AI生成的CSS，那叫一个头大——缩进乱得跟被猫挠过似的，空格多一个少一个全看运气，有时候一行给你写几百个字符，找个颜色值都得用Ctrl+F搜半天。
这话我太有同感了。AI确实把写代码的速度拉快了不少，但CSS这个环节，它反而经常给你添乱。为啥呢？因为AI生成CSS的时候，它只关心“能不能跑起来”，根本不关心你后面怎么维护。你让它写个响应式布局，它倒是能给你把媒体查询写出来，但那些选择器嵌套、属性顺序、换行缩进，全凭它当时的心情。结果就是，你复制粘贴到项目里，代码风格跟团队规范格格不入，code review的时候被同事一顿吐槽。
这时候就得自己动手收拾烂摊子了。我以前也试过手动调，一行一行地改缩进，删多余空格，把压缩的代码展开，把散乱的代码合并。搞了半小时，眼睛都花了，结果一不小心还改错了一个属性值，页面直接崩了。后来学乖了，直接用工具。
CSS格式化和压缩，听起来好像是一件事，其实分两个方向。格式化是把压缩过的、挤成一坨的代码重新展开，加上合理的缩进和换行，让人能看懂；压缩则是反过来，把能删的空格、换行、注释全干掉，让文件体积尽可能小，加载更快。这两个操作，手动做纯属跟自己过不去。
我现在用的就是一个在线的CSS格式化压缩工具，不用装软件，打开网页把代码粘进去，点一下按钮，左边是原始代码，右边是处理结果。想格式化就选格式化模式，它自动帮你把代码排得整整齐齐，选择器之间空一行，属性前面两个空格缩进，冒号后面加空格，看着就舒服。想压缩就切到压缩模式，它把注释去掉，把换行删掉，把多余空格吃掉，最后给你一行紧凑的代码，直接扔到生产环境里没问题。
关键是这玩意儿不挑食。你从AI那儿复制过来的代码，不管多乱，它都能给你理顺。有时候我从GitHub上扒下来的开源项目CSS，风格五花八门，有的用Tab有的用空格，有的属性顺序乱七八糟，扔进去过一遍，出来就是统一风格，省了不知道多少事。
有人可能会说，编辑器不是自带格式化吗？确实，VS Code有Prettier，WebStorm也有内置的。但问题是，不是每个人都配好了环境，有时候你在别人电脑上临时改个东西，或者在线IDE里写代码，就没那么方便。而且Prettier的配置有时候也挺折腾，不同项目不一样，搞不好格式化完反而报错。在线工具就没这些破事，打开就用，用完就走。
还有一点，AI写代码越来越快，意味着我们拿到别人代码的机会也越来越多。以前一个项目可能就几个人写，现在AI参与进来，代码风格更加不可控。这时候，一个顺手的格式化压缩工具，就像厨房里的洗菜盆，看着不起眼，但没它还真不行。
说到底，AI是帮你干活的，不是帮你收拾屋子的。它能把功能写出来，但代码整洁这事儿，还得靠你自己上心。与其花时间跟乱七八糟的CSS较劲，不如找个靠谱的工具，几秒钟搞定。省下来的时间，喝杯咖啡，或者多写两个组件，不香吗？