VsCode：Vue单文件格式化属性换行显示

VsCode：Vue单文件格式化属性换行显示

需要安装插件vetur 文档：

vetur：​​ "[vue]": { "editor.defaultFormatter": "octref.vetur" } // 保存时候自动格式化 "vetur.validation.template": false, "vetur.format.defaultFormatter.html": "js-beautify-html", "vetur.format.defaultFormatterOptions": { "js-beautify-html": { //属性换行 "wrap_attributes": "force", "indent_size": 2, "indent_char": " " }, "prettyhtml": { "printWidth": 100, "singleQuote": true, "wrapAttributes": false, "sortAttributes": true }, // css/scss/less/js/ts "prettier": { //设置分号 "semi": true, //双引号变成单引号 "singleQuote": true, //尾部逗号 es5|none|all "trailingComma": "es5", } } }

js-beautify-html 选项

end_with_newline: false, // End output with newlineindent_char: ' ', // Indentation characterindent_handlebars: false, // e.g. {{#foo}}, {{/foo}}indent_inner_html: false, // Indent and sectionsindent_scripts: 'keep', // [keep|separate|normal]indent_size: 2, // Indentation sizeindent_with_tabs: false,max_preserve_newlines: 1, // Maximum number of line breaks to be preserved in one chunk (0 disables)preserve_newlines: true, // Whether existing line breaks before elements should be preservedunformatted: [], // Tags that shouldn't be formatted. Causes mis-alignmentwrap_line_length: 0, // Lines should wrap at next opportunity after this number of characters (0 disables)wrap_attributes: 'force-expand-multiline' as any// Wrap attributes to new lines [auto|force|force-aligned|force-expand-multiline] ["auto"]

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。