vscode代码格式化js自动换行问题

vscode代码格式化js自动换行问题

如果设置了默认格式化是使用自带JavaScript和Typescript的语言功能会看的吐血
类似下面这种

// 使用自带JavaScript和Typescript的语言功能
 var a = $(this)
   .closest('.b')
   .find('.c .d')
   .val()
 var e =
   '
' +
     $input +
    '
' +
    $dataOptions +
    '
' +
    $addbtn +
    '
'

首先需要安装 Prettier - Code formatter

左下角设置>右上角按钮转成settings.json文件

 "prettier.singleQuote": true, // 保存的时候自动格式化
  "prettier.semi": false, // 不使用分号
  "prettier.printWidth": 500, //一行的代码数
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode" //配置格式化js默认使用prettier
  }

安装了vuter插件在vue中使用的配置

 // prettier在vetur的配置:
  "vetur.format.defaultFormatter.js": "vscode-typescript",
  "vetur.format.defaultFormatterOptions": {
    "js-beautify-html": {
      "wrap_attributes": "force-expand-multiline",
      "wrap_line_length”": 200,
      "end_with_newline": false
    },
    "prettyhtml": {
      "printWidth": 200,
      "singleQuote": false,
      "wrapAttributes": false,
      "sortAttributes": false
    },
    "prettier": {
      "semi": false,
      "singleQuote": true
    }
  },