vscode使用Eslint + prettier + beautify 格式化vue 代码不换行

设置--首选项-vetur--settings.json

 

{

  // 是否允许自定义的snippet片段提示

  "editor.snippetSuggestions": "top",

  "editor.fontSize": 22,

  "editor.fontWeight": "400",

  // 配置文件关联，以便启用对应的提示

  "files.associations": {

    "*.vue": "vue",

    "*.wxss": "css"

  },

 

  "window.zoomLevel": 0,

  "javascript.updateImportsOnFileMove.enabled": "always",

  "vetur.validation.template": false, // 使用eslint插件时需要把此项设置为false

  "vetur.validation.script": true, //检查js代码

  "vetur.validation.style": true, //能检查css的属性是否存在,分隔符是否正确，

  "vetur.format.defaultFormatter.html": "js-beautify-html", //默认采用js-beautify-html格式化

  "editor.tabSize": 2,

  "editor.formatOnSave": true, // 每次保存自动补全校验

  "vetur.format.defaultFormatterOptions": {

    //对vue文件html的格式化，对js的格式化在全局的prettierrc.json文件控制

    "js-beautify-html": {

      "wrap_attributes": "aligned-multiple",

      "indent_size": 2, //缩进大小

      "indent_char": " ", //缩进字符

      "indent_with_tabs": false,

      "eol": "\n", // 用作行终止的字符，默认为\n

      "end_with_newline": true, //是否用换行符结束

      "preserve_newlines": true, // 是否保留现有的换行符

      "max-preserve-newlines": 1200, // 一次可保留的最大换行数

      "indent-inner-html": true, //缩进 head body代码片段

      "wrap_line_length": 1200, //超过多少字符换行

      "editorconfig": false //使用editorconfig设置选项

    },

    "prettyhtml": {

      "printWidth": 1000,

      "singleQuote": false,

      "wrapAttributes": false,

      "sortAttributes": false

    }

  },

  "vetur.format.defaultFormatter.js": "vscode-typescript",

  "[jsonc]": {

    "editor.defaultFormatter": "esbenp.prettier-vscode"

  },

  "[javascript]": {

    "editor.defaultFormatter": "esbenp.prettier-vscode"

  },

  "prettier": {

    "eslintIntegration": true

  },

  "[json]": {

    "editor.defaultFormatter": "esbenp.prettier-vscode"

  },

  "[less]": {

    "editor.defaultFormatter": "esbenp.prettier-vscode"

  },

  "[html]": {

    "editor.defaultFormatter": "esbenp.prettier-vscode"

  },

  "[vue]": {

    "editor.defaultFormatter": "octref.vetur"

  },

  "prettier.semi": true,

  "prettier.singleQuote": true,

  "html.format.maxPreserveNewLines": 1200,

  "html.format.enable": false

}

 

参考链接 https://www.cnblogs.com/felicitytanyin/p/14241526.html