代码格式化

功能介绍

代码格式化工具基于 Prettier（行业事实标准）实现，统一支持 JavaScript、TypeScript、JSX、HTML、Vue、Angular、CSS、SCSS、Less、JSON、JSON5、YAML、Markdown、MDX、GraphQL 等 15+ 语言。提供可配置的格式化选项（缩进、行宽、引号、分号、末尾逗号等），支持文件导入导出、错误提示与统计信息。

操作步骤

1. 在「语言」下拉中选择代码语言。
2. 调整格式化选项（缩进大小、行宽、引号风格、分号等）。
3. 在输入框中粘贴代码，或点击「导入文件」加载源文件。
4. 点击「美化」格式化，「校验」仅检查语法。
5. 结果区支持一键复制与下载为对应扩展名的文件。

支持的语言

选项说明

• tabWidth：缩进空格数（1-8）。
• printWidth：单行最大宽度，超出自动换行（40-200）。
• semi：语句末尾是否加分号。
• singleQuote：字符串使用单引号（JS/TS 适用）。
• trailingComma：末尾逗号策略（none/es5/all）。
• arrowParens：箭头函数参数括号（always/avoid）。
• bracketSpacing：对象字面量大括号内空格。
• jsxSingleQuote：JSX 中使用单引号。

技术说明

使用 prettier/standalone 浏览器版本，各语言 parser 按需动态加载（首次格式化某语言时加载对应 parser，之后缓存复用）。所有解析在浏览器本地完成，代码不会上传服务器。Prettier 不支持的语言（如 Go、Java、C/C++、Python、Ruby）建议使用对应语言的专用格式化工具（gofmt、google-java-format、clang-format、black、rubocop 等）。