vue 保存自动格式化, html自动缩进 双引号变为单引号 注释加空格 html标签属性设置不换行 亲测有效！

设置vscode自动格式化

1. 开启语法检查（安装ESLint，检查语法保证代码的规范性）
2. 安装Vetur插件
3. 打开vscode的setting.json文件（文件–>首选项–>输入vetur搜索，往下找到在setting.json文件中编辑）
4. 将如下代码复制到setting.json文件中覆盖

// setting.js
{
  // "workbench.iconTheme": "vscode-icons",
  "editor.formatOnSave": true,
  "vetur.format.defaultFormatter.html": "js-beautify-html",
  "vetur.format.defaultFormatterOptions": {
    "js-beautify-html": {
      "wrap_attributes": "auto"
    },
    "prettyhtml": {
      "printWidth": 100,
      "singleQuote": false,
      "wrapAttributes": false,
      "sortAttributes": false
    },
    "prettier": {
      "semi": false,
      "singleQuote": true
    }
  },
  "workbench.editor.enablePreview": false,
  "vetur.validation.template": false,
  "javascript.updateImportsOnFileMove.enabled": "always",
  "css.fileExtensions": [
    "css",
    "scss"
  ]
}

设置完成后 重启vscode即可

如果发现设置完之后，保存.js文件时双引号不能变成单引号需要进行如下操作

1. 在项目的根目录下新建 .prettierrc.json 的文件
2. 在文件中加入如下代码

{
  "singleQuote": true,
  "semi": false
}

亲测有效，完美！**