Vue格式化工具
使用此Vue格式化工具格式化Vue单文件组件。粘贴一个组件后，工具会将其脚本块格式化为JavaScript；当 lang 为 ts 时则格式化为TypeScript，并根据 lang 属性将样式块格式化为CSS、SCSS或 Less，然后将两者缩进到各自标签之下。模板块会保持在同一行，并折叠空白字符。适合Vue开发者整理组件，以便评审和编写文档。
常见问题
Vue格式化工具会更改组件中的哪些内容？
它会格式化脚本块和样式块的内容，并让每个顶层块各占一行。每个块内的代码会在其开始标签下缩进两个空格。
模板块会如何处理？
模板块会保持在同一行，连续的空白字符会折叠为单个空格。v-if、v-for、:prop 和@event以及 mustache 表达式等指令都会按原样复制。
脚本块会如何格式化？
普通脚本块会被解析并打印为JavaScript，使用两个空格缩进并添加分号。设置 lang="ts" 时会格式化为TypeScript，后者也支持类型注解。
样式块会如何格式化？
默认情况下，样式块会格式化为CSS，每行一条声明。设置 lang="scss" 或 lang="less" 时，会采用SCSS或 Less 规则，并保留 scoped 属性。
脚本中出现语法错误时会怎样？
JavaScript和CSS块会被解析，因此语法错误会中止工具运行并显示错误信息。修复报告的问题后再格式化。
支持 script setup 吗？
支持，setup 属性会保留在标签上，内容会像其他脚本块一样进行格式化。defineProps 等编译器宏对格式化工具来说就是普通的函数调用。
可以更改缩进吗？
不支持，格式化工具始终使用两个空格缩进，也没有可调整的选项。同一个组件始终会生成相同的输出。
注释会保留吗？
支持，HTML块之间的注释以及脚本块和样式块内的注释都会保留。模板内的注释会留在原处，继续位于同一行。
为什么结果会用 html 代码围栏括起来？
单文件组件会被读取为HTML，因此结果会以标记为 html 的Markdown代码块返回。请将围栏之间的行复制到 .vue 文件中。
组件最大可以有多大？
每次运行最多 5 MB；超过此大小的输入会被拒绝并显示提示。输出与代码格式化工具的Vue选项相同。