首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何在Vue JS项目中摆脱Delete`··`(漂亮/漂亮)错误

如何在Vue JS项目中摆脱Delete`··`(漂亮/漂亮)错误
EN

Stack Overflow用户
提问于 2021-02-20 05:33:21
回答 1查看 3.3K关注 0票数 2

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

我的.eslintrc.js如下:

代码语言:javascript
运行
复制
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'}]

我已经从bewlow中删除了制表符间距;

代码语言:javascript
运行
复制
    events_filtered_monthsNews: function() {
        return this.news.filter(u => u.monthsNews)
    },

格式是这样的;

代码语言:javascript
运行
复制
        events_filtered_monthsNews: function() {return this.news.filter(u => u.monthsNews)},

这删除了警告,但现在会产生更多的错误,并且完全不适用于工作。

EN

回答 1

Stack Overflow用户

发布于 2021-02-20 05:48:55

endOfLine

如果您不关心行尾,请将endOfLine设置为off

代码语言:javascript
运行
复制
// .eslintrc.js
module.exports = {
  rules: {
    "prettier/prettier": ["error", { endOfLine: "off" }],
  },
};

tabWidth

当前文本使用的是4空格的制表符,但默认情况下,漂亮的文本使用的是2空格的制表符。

所以这个输入:

代码语言:javascript
运行
复制
    events_filtered_monthsNews: function() {
        return this.news.filter(u => u.monthsNews)
    },

应该是这样:

代码语言:javascript
运行
复制
  events_filtered_monthsNews: function() {
    return this.news.filter(u => u.monthsNews)
  },

如果您喜欢4个空格的制表符,请将Prettier的tabWidth配置为4

代码语言:javascript
运行
复制
// .eslintrc.js
module.exports = {
  rules: {
    "prettier/prettier": ["error", { tabWidth: 4 }],
  },
};
票数 4
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/66285268

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档