03 vscode vue文件 格式化文档自动移除空格

vscode vue文件 格式化文档自动移除空格

问题描述

格式化前

  data () {
    return {}
  },

格式化后

  data() {
    return {}
  },

移除空格后可能触发提示

Missing space before function parentheses.eslint(space-before-function-paren)

解决办法

1. 安装 vetur 插件
2. 文件 ——> 首选项 ——> 设置
3. 检索 vetur
4. Vetur › Format › Default Formatter: HTML 设置为 js-beautify-html
5. Vetur › Format › Default Formatter: JS 设置为 vscode-typescript

设置完 json 文件如下

settings.json

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