美文网首页
03 vscode vue文件 格式化文档自动移除空格

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

作者: 过桥 | 来源:发表于2019-06-14 16:53 被阅读0次

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",

相关文章

网友评论

      本文标题:03 vscode vue文件 格式化文档自动移除空格

      本文链接:https://www.haomeiwen.com/subject/xrvpfctx.html