Vue 单文件格式化

使用 Prettier Vue 在浏览器本地整理 Vue 单文件格式化 代码，左侧输入、右侧查看排版结果。

输入与结果示例

<template><section class="card"><h1>{{ title }}</h1><p>本地运行</p></section></template>
<script setup>const title="QJSON";</script>
<style scoped>.card{padding:20px;color:#173f35}</style>
→ 点击格式化后在右侧查看结果，可直接复制或下载 .vue 文件。

使用范围与注意事项

• 语法解析和 WebAssembly 引擎均在浏览器运行，代码不上传、不会执行。
• 首次使用从本站加载对应语言引擎；最多 100 万字符 / 文件 1 MB，可取消，超时 30 秒停止。
• 适合完整 Vue 单文件组件；会排版内嵌脚本和样式，不运行组件。

常见问题

支持修复代码或验证运行结果吗？

不支持。格式化只负责排版；部分引擎会返回语法错误，但不会验证程序能否正常运行。