Vscode 使用Vetur格式化vue文件 （配置setting.json，非设置.eslintrc.js）

个人使用习惯：

使用Vetur插件，然后在setting中进行配置，而不是在.eslintrc.js中进行不检测设置（无拉踩，仅个人习惯）

主要有处理：

1. 让函数(名)和后面的括号之间加个空格
2. 结尾去掉分号
3. 双引号变成单引号
4. 单行长度设置为200
5. 由于我没有出现随意添加逗号 禁止随时添加逗号 被我注释掉了

{
    "javascript.format.insertSpaceBeforeFunctionParenthesis": true, // 让函数(名)和后面的括号之间加个空格
    "[javascript]": {
         "editor.defaultFormatter": "vscode.typescript-language-features"
    },
    "vetur.format.defaultFormatter.js": "vscode-typescript",
    // 上面3个配一起 函数名后面才会加空格

    "vetur.format.defaultFormatterOptions": {
        "wrap_attributes": "force-aligned",
        "js-beautify-html": {
          // - force: 对除第一个属性外的其他每个属性进行换行。
          // - force-aligned: 对除第一个属性外的其他每个属性进行换行，并保持对齐。
          // - force-expand-multiline: 对每个属性进行换行。
          // - aligned-multiple: 当超出折行长度时，将属性进行垂直对齐。
          "wrap_attributes": "force-aligned",
          // #vue组件中html代码格式化样式,可选
          "wrap_line_length": 200,
          "end_with_newline": false,
          "semi": true,
          "singleQuote": false
        },
        "prettier": {
          //设置分号
          "semi": false,
          //双引号变成单引号
          "singleQuote": true,
          //禁止随时添加逗号,这个很重要。找了好久
        //   "trailingComma": "none"
        }
      },
}