在做项目的时候原本可以在一行可以清晰展示的代码，格式化后就多行展示，有点烦人，可以尝试加入以下代码试试：

• Vscode中找到设置(有2种方法)

  • vscode–>首选项–>设置，之后在出现的界面输入settings.json。
    

  • 也可以在vscode界面左下角点击设置的图标之后点击设置同样也可以找到。

    

• 在settings.json中加入以下代码

  "vetur.format.defaultFormatterOptions": {
      "js-beautify-html": {
           "wrap_line_length": 900, // 数值越大，一行放的属性越多
           "wrap_attributes": "auto",
           "end_with_newline": false
       },
       "prettyhtml": {
           "printWidth": 100,
           "singleQuote": false,
           "wrapAttributes": false,
           "sortAttributes": false
       }
   },
   "vetur.format.defaultFormatter.html": "js-beautify-html",
   "vetur.format.defaultFormatter.js": "vscode-typescript",
  

  

  ctrl+J或者command+j快捷键可以让其显示在一行，但是格式化代码后又是多行显示，所以该快捷键可以结合以上代码使用。

效果