Vscode格式化代码后 代码不自动换行

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

• 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快捷键可以让其显示在一行，但是格式化代码后又是多行显示，所以该快捷键可以结合以上代码使用。

效果

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！