这篇文章主要介绍“Vue编程格式化代码属性自动换行问题怎么解决”,在日常操作中,相信很多人在Vue编程格式化代码属性自动换行问题怎么解决问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”Vue编程格式化代码属性自
这篇文章主要介绍“Vue编程格式化代码属性自动换行问题怎么解决”,在日常操作中,相信很多人在Vue编程格式化代码属性自动换行问题怎么解决问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”Vue编程格式化代码属性自动换行问题怎么解决”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!
修改 "wrap_attributes": "force-expand-multiline"为"wrap_attributes": "aligned-multiple"
添加 "vetur.fORMat.defaultFormatter.html": "js-beautify-html",
先描述一下我vscode的插件的情况,一个Vetur ,vue-beautify打开设置 搜索 vetur.format.defaultFormatterOptions > 点击在settings.JSON中编辑
直接上图看下我修改后的
这是因为在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#476
// 对属性进行换行。// - auto: 仅在超出行长度时才对属性进行换行。// - force: 对除第一个属性外的其他每个属性进行换行。// - force-aligned: 对除第一个属性外的其他每个属性进行换行,并保持对齐。// - force-expand-multiline: 对每个属性进行换行。// - aligned-multiple: 当超出折行长度时,将属性进行垂直对齐。 "vetur.format.defaultFormatterOptions": { "js-beautify-html": { "wrap_attributes": "auto", } },
到此,关于“Vue编程格式化代码属性自动换行问题怎么解决”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注编程网网站,小编会继续努力为大家带来更多实用的文章!
--结束END--
本文标题: Vue编程格式化代码属性自动换行问题怎么解决
本文链接: https://www.lsjlt.com/news/340689.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑,方便收藏和打印~
2024-05-08
2024-05-08
2024-05-08
2024-05-08
2024-05-08
2024-05-08
2024-05-07
2024-05-07
2024-05-07
2024-05-07
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0