如何摆脱 Vue JS 项目中的删除 `··` (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)},

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

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 }],
  },
};

Answer 2

我的代码中多行出现一些错误，“错误删除\xe2\x90\x8d prettier/prettier”，然后我按照以下步骤解决了此问题：

\n

打开您的项目：

\n

\n

cd“项目文件夹”

\n

\n

该命令可以修复所有错误

\n

\n

npm 运行 lint --fix

\n

\n

然后：

\n

\n

npm 运行 lint

\n

\n

最初报告错误，但应该在 nuxt/create-nuxt-app#100 发布后修复。

\n

Answer 3

如果您收到 endOfLine: "off" 错误，则以下内容对我有用：

rules: { "prettier/prettier": ["error", { endOfLine: "auto" }] }