目前,能够提供Vue文件格式化的插件只有VeturVetur对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

标签: VS Code