如何摆脱 Vue JS 项目中的 Delete \`··\` (prettier/prettier) 错误

Question

我正在尝试消除与 @vue/prettier 相关的错误。我尝试了一些东西，但似乎抛出更多错误。

我的 .eslintrc.js 如下：

 module.exports = {
  root: true,
  env: {
    node: true
  },
  extends: ["plugin:vue/essential", "@vue/prettier"],
  rules: {
    "no-console": process.env.NODE_ENV === "production" ? "error" : "off",
    "no-debugger": process.env.NODE_ENV === "production" ? "error" : "off",
  },
  parserOptions: {
    parser: "babel-eslint"
  }
};

我在规则部分尝试了 "endOfLine":"auto" 但是这会导致更多 'prettier/prettier': ['error', {endOfLine: 'auto'}]

我已经从下面删除了制表符间距；

     events_filtered_monthsNews: function() {
        return this.news.filter(u => u.monthsNews)
    },

像这样格式化；

         events_filtered_monthsNews: function() {return this.news.filter(u => u.monthsNews)},

这消除了警告，但现在会产生更多错误，并且完全不切实际。

原文由 Al-76 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

endOfLine

如果您不关心行结尾，请将 endOfLine 设置为 off ：

 // .eslintrc.js
module.exports = {
  rules: {
    "prettier/prettier": ["error", { endOfLine: "off" }],
  },
};

tabWidth

您当前的文本使用 4 个空格的制表符，但 Prettier 默认需要 2 个空格的制表符。

所以这个输入：

     events_filtered_monthsNews: function() {
        return this.news.filter(u => u.monthsNews)
    },

应该是这样的：

   events_filtered_monthsNews: function() {
    return this.news.filter(u => u.monthsNews)
  },

如果您更喜欢 4 空格选项卡，请将 Prettier 的 tabWidth 配置为 4 ：

 // .eslintrc.js
module.exports = {
  rules: {
    "prettier/prettier": ["error", { tabWidth: 4 }],
  },
};

原文由 tony19 发布，翻译遵循 CC BY-SA 4.0 许可协议