美文网首页
优化vscode格式html代码,保持标签不换行

优化vscode格式html代码,保持标签不换行

作者: 候鸟与暖风 | 来源:发表于2019-10-28 09:41 被阅读0次

vscode格式话代码:ctrl+shift+f

一般情况下,在vscode中格式化代码,都是如图一所示的效果图
一个标签换了好几行,看起来很难看,也不利于修改
图一
如下配置,即可保持标签不换行

vscode中的文件->首选项->设置->工作区->setting.json

在setting.json中
{
    "vetur.format.defaultFormatter.js": "vscode-typescript",
    "vetur.format.defaultFormatterOptions": {
        "js-beautify-html": {
            "wrap_attributes": "force-expand-multiline",
            "wap_line_length": 220,
            "end_with_newline": false
        },
        "prettyhtml": {
            "printWidth": 220,
            "singleQuote": false,
            "wrapAttributes": false,
            "sortAttributes": false
        }
    }

效果图如下:
图二

相关文章

网友评论

      本文标题:优化vscode格式html代码,保持标签不换行

      本文链接:https://www.haomeiwen.com/subject/xpyvvctx.html