*.vue文件在VSCode中的自动格式化
*.vue文件在VSCode中的自动格式化
提问于 2021-07-26 07:53:42
我在Vue.js 1.58.2中做一个VSCode项目。
所有工作都很顺利；但是，*.vue文件在保存时没有自动格式化。
我的..vscode/setings.json
{
"editor.formatOnPaste": true,
"editor.formatOnSave": true,
"editor.codeActionsOnSave": {
"source.fixAll": true
},
"editor.defaultFormatter": "octref.vetur",
"javascript.format.insertSpaceBeforeFunctionParenthesis": true,
"javascript.format.placeOpenBraceOnNewLineForControlBlocks": false,
"javascript.format.placeOpenBraceOnNewLineForFunctions": false,
"typescript.format.insertSpaceBeforeFunctionParenthesis": true,
"typescript.format.placeOpenBraceOnNewLineForControlBlocks": false,
"typescript.format.placeOpenBraceOnNewLineForFunctions": false
}谢谢你的帮助。
回答 3
Stack Overflow用户
回答已采纳
发布于 2021-07-26 08:11:33
在您的settings.json中，您应该拥有：
[vue]: {"editor.defaultFormatter": "octref.vetur"}
"vetur.format.defaultFormatter.html": "js-beautify-html"告诉vue如何格式化<template>
- 完整配置：
{
"editor.formatOnSave": true,
"vetur.format.defaultFormatter.html": "js-beautify-html",
"[vue]": {
"editor.defaultFormatter": "octref.vetur"
}
}注意：，如果您对.vue文件有多个格式化程序，您必须指定使用哪种格式，否则保存时将不知道使用哪一种格式，默认情况下什么也不做。这将选择"Vetur“作为默认的.。
Stack Overflow用户
发布于 2021-07-26 08:13:56
经过一段时间的尝试，我可以解决这个问题。我修改的..vscode/setings.json：
{
"editor.formatOnPaste": true,
"editor.formatOnSave": true,
"editor.codeActionsOnSave": {
"source.fixAll": true
},
"editor.defaultFormatter": "octref.vetur",
"javascript.format.insertSpaceBeforeFunctionParenthesis": true,
"javascript.format.placeOpenBraceOnNewLineForControlBlocks": false,
"javascript.format.placeOpenBraceOnNewLineForFunctions": false,
"typescript.format.insertSpaceBeforeFunctionParenthesis": true,
"typescript.format.placeOpenBraceOnNewLineForControlBlocks": false,
"typescript.format.placeOpenBraceOnNewLineForFunctions": false,
"[vue]": {
"editor.defaultFormatter": "octref.vetur"
}
}Stack Overflow用户
发布于 2022-10-14 08:38:50
如果您使用的是Volar扩展，扩展@MiKr13 13的答案
{
"editor.formatOnSave": true,
"vetur.format.defaultFormatter.html": "js-beautify-html",
"[vue]": {
"editor.defaultFormatter": "Vue.volar"
}
} 页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/68526262
复制相关文章
相似问题
腾讯云开发者
