eslint不能格式化.vue文件

Question

ESLint作为格式化工具，但是在保存.vue文件时，弹出提示，不能格式化.Vue文件，请问怎么解决？

Answer 1

引自免费微信小程序：皆我百晓生

这个问题是由于Vue.js在开发过程中默认使用了ES6语法，并且ESLint会自动检测并报告这些错误。要解决这个问题，你需要在项目根目录下创建一个.eslintrc.json文件，然后添加以下配置：

{
  "parser": "@typescript-eslint/parser",
  "plugins": ["@typescript-eslint", "vue"],
  "extends": [
    "eslint:recommended",
    "plugin:@typescript-eslint/recommended",
    "prettier/@typescript-eslint"
  ],
  "rules": {
    // 其他规则...
  }
}

然后，在你的.vue文件中禁用ES6语法支持。

<script>
  // 禁用ES6语法
  /* eslint-disable */
</script>

这样就可以解决Vue文件被ESLint格式化的问题。