一键格式化代码
什么时候需要格式化
代码写多了难免缩进乱掉、空格漏了或多了、层级看着费劲。尤其是手机上在不同段落间来回跳转修改后,原来整齐的结构可能变得参差不齐。WebCat 的格式化功能就是帮你一键恢复秩序。
操作方法
在编辑界面的工具栏(或长按编辑区弹出的菜单)里找到「格式化」或「Format」,点一下当前文件就会按 WebCat 内置的规则重新排版。
5.21 版本的更新日志里专门提到优化了格式化代码功能——之前可能存在缩进层级错乱或部分语言格式化不彻底的问题,5.21 版应该基本修正了。
格式化做了哪些事
- 缩进统一:把混用的 Tab 和空格统一成同一套(WebCat 默认 2 空格缩进,可在设置里改)
- 层级对齐:嵌套的标签块、函数体自动对齐到正确的缩进层级
- 多余空格清理:行首行尾多余的空格删除
- 空行规范化:文件头部、函数块之间保留合理空行
支持哪些语言
HTML、CSS、JavaScript 格式化效果最完整;PHP 格式化会同时处理内嵌的 HTML 和 PHP 标签;JSON 也能格式化(配合 5.21 新增的 JSON 编辑功能,写 manifest.json 时终于不需要手动对齐了)。
格式化前先保存
虽然格式化一般比较安全,但建议操作前先保存一次文件。万一格式化结果出乎你意料(比如把你故意的紧凑排版展开了),你还有撤销或备份。
格式化 ≠ 代码检查
格式化只处理排版和缩进,不会检查代码逻辑是否正确、标签是否闭合、语法是否有错——那些需要你在预览里跑起来验证。格式化之后立刻点运行预览,这才是正确的工作流。
自己的代码风格能保留吗
WebCat 的格式化规则是内置的一套,不像电脑 IDE 那样能导入 ESLint / Prettier 配置。如果你有强烈的代码风格偏好,格式化后可能需要再手动微调——但对于手机端快速开发,WebCat 默认的 2 空格缩进规范已经够用。