vscode中编写vue项目标签属性如何格式化换行?

clipboard.png
如图,如果想在vscode中vue项目格式化代码能够格式成如图这样:即标签属性过长字段换行,需要怎么配置。目前使用的js-beacutiful-html格式化插件,标签属性会变成长长的一条,很不利于查看和书写。

阅读 15.9k
评论
    5 个回答

    关于 Vetur 插件,我来个 Prettyhtml 的配置吧:

    "vetur.format.defaultFormatterOptions": {
        "prettyhtml": {
          // 单行超过100个长度的时候开始换行
          "printWidth": 100,
          "tabWidth": 2,
          "useTabs": false,
          "singleQuote": false,
          "wrapAttributes": true,
          "sortAttributes": true,
        },
      },
    // 禁用vetur的JS格式化,交给eslint处理
    "vetur.format.defaultFormatter.js": "none",

    Prettyhtml options 配置属性