Prettier 为啥不格式化我的 Vue 单文件组件？
我用 Prettier 格式化 Vue 文件时，模板部分完全没反应，是配置问题吗？
我已经装了 Vetur 和 Prettier 插件，也设置了默认格式化工具为 Prettier，但保存时只有 script 里的 JS 被格式化，template 还是乱的。试过重启 VS Code、删 .prettierignore，都没用。
<template>
<div class="container">
<h1>Hello World</h1>
<p>This is messy</p>
</div>
</template>
- 1
回答
2浏览
Prettier 格式化 Vue 模板时为什么缩进不对？
我用 Prettier 格式化 Vue 文件，但模板部分的缩进总是乱的，明明配置了 tabWidth 为 2，可它还是用 4 个空格。试过重启编辑器、重装插件都没用。 这是我的组件代码： <te...
- 2
回答
22浏览
为什么Prettier插件无法正确格式化HTML中的自定义组件标签？
我在用Prettier+prettier-plugin-vue格式化Vue单文件组件时，发现自定义组件的标签会自动合并成一行，比如<MyComponent></MyComponent...
- 2
回答
26浏览
在Vue项目里改Prettier的parser选项没效果怎么办？
我在Vue项目里配置Prettier时，发现代码格式化总是报错，明明设置了parser是"vue"： { "parser": "vue", "semi": false } 但保存时还是提示Failed...
- 2
回答
50浏览
Prettier安装了Vue插件但模板格式没变化怎么办？
刚给项目装了prettier-plugin-vue，配置了.prettierrc里plugins和singleQuote选项，但保存时双引号还是没转成单引号，vue文件的模板结构也没自动整理。重启过V...
- 1
回答
72浏览
Vite项目中使用Vue组件动态导入后，为什么打包后的文件体积没有明显减少？
我在开发一个Vue3项目时，尝试通过动态导入实现代码分割。比如在用户点击按钮时才加载一个大组件，但打包后的JS文件体积还是很大，和之前相比没变化。我检查过代码确实用了import()语法，但build...
- 1
回答
14浏览
Vite 创建的 React 项目里怎么用 Vue 组件？
我用 Vite 初始化了一个 React 项目，但因为历史原因需要临时引入一个 Vue 单文件组件。试了直接 import 报错说不支持 .vue 文件，是不是得额外装插件？ 我看到有些方案说要用 @...
- 2
回答
27浏览
媒体查询在 Vue 组件里为啥不生效？
我在 Vue 单文件组件里写了媒体查询，但不管怎么缩放屏幕，样式都没变化，是不是写法有问题？ 试过把 CSS 放在 <style> 里，也加了 scoped，但断点完全没触发： <t...
- 2
回答
61浏览
Vue组件调用Tauri的dialog API返回undefined怎么办？
我在用Tauri做桌面应用时，想在Vue组件里调用dialog.open()选择文件，但返回结果一直是undefined，搞不懂哪里出错了。 代码是这样的： 选择文件 export default {...
- 1
回答
15浏览
Vue 项目中动态导入组件为啥没生效？
我用 Vue 3 做了个后台系统，想对路由组件做 code splitting，但打包后发现所有组件还是被打进一个 chunk 里了，根本没拆分。是不是写法有问题？ 我试过用 () => imp...
- 1
回答
11浏览
Vue中Transition组件的appear属性不生效怎么办？
我在用 Vue 3 的 <Transition> 组件时，加了 appear 属性想让元素初次渲染时也有动画，但完全没效果。查了文档说要配合 CSS 的 v-appear 类写样式，但我已...
原因很简单：Vetur 默认用自带的 prettyhtml 格式化模板，而不是 Prettier。所以你虽然设了 Prettier 为默认格式化工具，但 Vetur 内部还是各玩各的。
解决办法有两个方向。
第一个是改 VS Code 设置，让 Vetur 把模板格式化也交给 Prettier。在 settings.json 里加上这几行：
改完重启一下 VS Code，应该就好了。
第二个方案更彻底，如果你用的是 Vue 3，建议直接卸载 Vetur，装 Volar（现在叫 Vue - Official）。Volar 对 Vue 3 支持更好，格式化也更顺手，不用折腾这些配置。Vetur 已经不太维护了，坑只会越来越多。
另外还有个坑点，确认一下你项目里装了 prettier 依赖，本地有
node_modules/prettier或者全局装了也行。插件本身只是调用 prettier，没有依赖的话也会静默失败，什么都不干。我当时排查了半天才发现是 Vetur 的 formatter 设置问题，官方文档写得太隐蔽了。