JavaScript、HTML、CSS、SQL、Python 和 PHP 代码格式化工具
这款代码格式化工具能把杂乱、压缩或缩进不一致的源代码,整理成整洁易读的代码。选择语言、粘贴代码,它就会自动美化,统一缩进、规整换行。
它专为这些场景打造:开发者在提交或分享前想在线格式化代码、学生学习正确的缩进、审查者梳理密密麻麻的代码片段、技术作者准备整洁的示例。覆盖六种语言,每种都由专属的行业标准引擎驱动。
如何在线格式化代码
选择语言
点击顶部的语言标签:JavaScript、HTML、CSS、SQL、Python 或 PHP。每个标签都会载入对应的格式化引擎和选项。
粘贴或上传代码
在左侧输入面板中输入或粘贴代码,或用上传从设备载入文件。点击示例即可放入当前语言的示例代码。
调整格式化选项
设置缩进大小(2、3、4、8 个空格或 Tab)以及各语言专属选项,例如 JavaScript 的行宽、引号和分号,或 SQL 的关键字大小写和方言。
复制或下载结果
格式化后的代码会带语法高亮显示在输出面板中。用复制发送到剪贴板,或用下载以正确的文件扩展名保存。
功能特性
六种语言,专属引擎
用 Prettier 格式化 JavaScript、HTML、CSS 和 PHP,用 sql-formatter 处理 SQL,用 js-beautify 处理 Python。
JavaScript 格式化
Prettier 搭配 Babel 解析器,还可控制行宽、分号、单引号或双引号以及尾逗号。
HTML 与 CSS 格式化
整理 HTML 的属性换行与括号位置,并以可配置的行宽清理 CSS。
支持多种 SQL 方言
选择关键字大小写与方言:标准 SQL、MySQL、PostgreSQL、MSSQL 或 Oracle,各有专属语法规则。
可自定义缩进
用 2、3、4 或 8 个空格缩进,或使用 Tab 字符。设置对每种语言生效,并即时更新输出。
语法高亮输出
Prism.js 为关键字、字符串、注释和数字着色,主题会随浅色和深色模式自动适配。
可编辑输出
点击编辑,把输出切换为带行号的完整 CodeMirror 编辑器,方便快速手动微调。它按需加载。
实时格式化
输入后片刻代码自动重新格式化,或按 Ctrl+Shift+F 立即生效,让你边写边看到整洁的结果。
上传、下载与复制
从设备载入代码文件,一键复制结果,或以正确的扩展名下载(.js、.html、.css、.sql、.py、.php)。
状态与统计
状态栏显示就绪、已格式化或错误状态,并附上格式化输出的行数与文件大小。
常见问题
代码格式化工具有什么用?
它会用统一的缩进、间距和换行重写你的源代码,让代码更易读,同时不改变代码的功能。这与压缩(minify)正好相反——压缩会去掉空白以缩小代码体积。
格式化会改变代码的运行方式吗?
不会。格式化只调整空白和排版,例如缩进、换行和间距。代码的逻辑和行为保持完全一致。
支持哪些语言?
六种语言:JavaScript、HTML、CSS、SQL、Python 和 PHP。由于 JavaScript 标签使用 Prettier 搭配 Babel 解析器,你也可以把 TypeScript 或 JSX 粘贴进去。
我的代码会上传到服务器吗?
不会。所有格式化都完全在你的浏览器中、使用 JavaScript 库(Prettier、sql-formatter 和 js-beautify)完成。你的代码绝不会离开你的设备,也不会被保存或记录。
使用了哪些格式化引擎?
Prettier 负责 JavaScript、HTML、CSS 和 PHP,sql-formatter 负责 SQL,js-beautify 负责 Python 缩进。这些正是许多开发者在代码编辑器中使用的同款工具。
行宽(Print Width)是什么意思?
行宽设定每行的最大字符数。格式化工具会尝试对超出该上限的行进行换行。你可以选择 80、100 或 120 个字符。
支持哪些 SQL 方言?
标准 SQL、MySQL、PostgreSQL、MSSQL(Transact-SQL)和 Oracle(PL/SQL)。每种方言都有自己的语法规则,会影响查询的格式化方式。你还可以把关键字大小写设为大写、小写或保留原样。
可以编辑格式化后的输出吗?
可以。点击输出面板中的编辑按钮,切换到带行号的交互式 CodeMirror 编辑器,然后手动调整并复制或下载结果。点击查看可返回只读的语法高亮显示。
为什么我的代码会报错?
当输入包含无法解析的语法时,格式化工具就会报错。在输入面板中修正语法问题,它就会自动重新格式化。
还没有评论,快来发表第一条!