如何禁用 '{'.eslintobject-curly-spacing in.eslintrc.js 之后应该没有空格

Question

我正在使用 prettier，并使用带有 eslint 选项的 firebase init 初始化了我的项目。 但是当我保存文件时，更漂亮的扩展在 object 花括号中添加间距，如下所示：

export { basicHTTP } from './http';

哪个 eslint 给了我一个错误： 反正有没有禁用这个？

这是 firebase init 附带的 my.eslintrc.js 文件：

module.exports = {
  root: true,
  env: {
    es6: true,
    node: true,
  },
  extends: [
    'eslint:recommended',
    'plugin:import/errors',
    'plugin:import/warnings',
    'plugin:import/typescript',
    'google',
  ],
  parser: '@typescript-eslint/parser',
  parserOptions: {
    project: ['tsconfig.json', 'tsconfig.dev.json'],
    tsconfigRootDir: __dirname,
    sourceType: 'module',
  },
  ignorePatterns: [
    '/lib/**/*', // Ignore built files.
  ],
  plugins: ['@typescript-eslint', 'import'],
  rules: {
    quotes: ['error'],
  },
};

Answer 1

将您的rules修改为如下所示：

rules: {
  'object-curly-spacing': ['error', 'always'],
  'quotes': ['error'],
},

在此更改之后，您可能必须修复所有 js 文件以使用相同的语法，但这只是一个好习惯。

请参阅： https://eslint.org/docs/rules/quotes

Answer 2

您可以在格式化代码时禁用在vscode中添加空格。

打开settings.json并添加以下行

"typescript.format.insertSpaceAfterOpeningAndBeforeClosingNonemptyBraces": false,
"javascript.format.insertSpaceAfterOpeningAndBeforeClosingNonemptyBraces": false,

这将在 javascript 和 typescript 上修复它