[VS Code]解决Vetur格式化Vue文件,JavaScript换行的问题
目前,能够提供Vue文件格式化的插件只有Vetur。Vetur对Vue中的JavaScript,内置了3种格式化工具,默认的是prettier,它对HTML和JavaScript,默认都是过长的行自动换行,JavaScript中换行的情况更多,比如链式调用、参数列表等等。
其中,HTML格式化可以通过官网提供的配置强制不换行:
"vetur.format.defaultFormatterOptions": {
"js-beautify-html": {
"wrap_attributes": "aligned-multiple"
},
"prettyhtml": {
"printWidth": 1000,
"wrapAttributes": false,
}
}
JavaScript就不行了。找遍了官网,都没发现相关的配置项。
还好Vetur还提供了其他的JavaScript格式化工具,我们可以选择vscode-typescript,它是VS Code内置的格式化JavaScript和TypeScript的工具,在Vetur的JS格式化工具中选择它后,只需要在VS Code设置 - TypeScript
中,根据喜好,配置一下TypeScript就好了。
End