# 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选项相同。

在这里投放广告？

[给我们发邮件](mailto:hi@dennn.is?subject=%E5%9C%A8%20OneClick%20Pro%20%E4%B8%8A%E6%8A%95%E6%94%BE%E5%B9%BF%E5%91%8A)

[广告 适用于 WordPress 的智能体就绪型插件套件。](https://sleekwp.com/?ref=oneclickpro)