这篇文章主要介绍“Vue编程格式化代码属性自动换行问题怎么解决”，在日常操作中，相信很多人在Vue编程格式化代码属性自动换行问题怎么解决问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”Vue编程格式化代码属性自动换行问题怎么解决”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！
直入主题
1.修改 "wrap_attributes": "force-expand-multiline"为"wrap_attributes": "aligned-multiple"
2.添加 "vetur.format.defaultFormatter.html": "js-beautify-html",
具体操作
先描述一下我VSCODE的插件的情况，一个Vetur ,vue-beautify打开设置 搜索 vetur.format.defaultFormatterOptions > 点击在settings.json中编辑
直接上图看下我修改后的
原理
1.关于vetur.format.defaultFormatter.html
这是因为在VSCode1.7.2中替换了内置格式化插件。解决办法是在VScode设置(setting.json)中，配置如下规则
{
"prettier.singleQuote": true,
"prettier.semi": false,
"vetur.format.defaultFormatter.html": "js-beautify-html",
"vetur.format.defaultFormatterOptions": {
"wrap_attributes": "force-aligned"
}
}
详情见 vuejs/vetur#4762. 关于vetur.format.defaultFormatterOptions
// 对属性进行换行。
// - auto: 仅在超出行长度时才对属性进行换行。
// - force: 对除第一个属性外的其他每个属性进行换行。
// - force-aligned: 对除第一个属性外的其他每个属性进行换行，并保持对齐。
// - force-expand-multiline: 对每个属性进行换行。
// - aligned-multiple: 当超出折行长度时，将属性进行垂直对齐。
"vetur.format.defaultFormatterOptions": {
"js-beautify-html": {
"wrap_attributes": "auto",
}
},到此，关于“Vue编程格式化代码属性自动换行问题怎么解决”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注天达云网站，小编会继续努力为大家带来更多实用的文章！