web-dev-qa-db-ja.com

Prettierとeslintのインデントが一緒に機能しない

私はvimベースのTypeScript開発環境をトレイ設定しましたが、インデント管理に問題があります。

enter image description here

おそらく「eslint」は言う：indent: Expected indentation of 2 spaces but found 4.prettier再フォーマット後。

俺の .eslintrc.js：

module.exports = { 
  parser: '@TypeScript-eslint/parser', // Specifies the ESLint parser
  extends: [ 
    'plugin:react/recommended', // Uses the recommended rules from @eslint-plugin-react
    'plugin:@TypeScript-eslint/recommended', // Uses the recommended rules from @TypeScript-eslint/eslint-plugin
    'prettier/@TypeScript-eslint',
    'plugin:prettier/recommended',
  ],
  parserOptions: { 
    ecmaVersion: 2018, // Allows for the parsing of modern ECMAScript features
    sourceType: 'module', // Allows for the use of imports
    ecmaFeatures: { 
      jsx: true, // Allows for the parsing of JSX
      tsx: true, // Allows for the parsing of TSX ???
    },
  },
  rules: { 
    indent: ['error', 2],
    quotes: ['error', 'single'],
    semi: ['error', 'never'],
    'sort-keys': ['error', 'asc', { caseSensitive: true, natural: false }],
  },
}

俺の .prettierc：

 module.exports = { 
  semi: false,
  trailingComma: 'all',
  singleQuote: true,
  printWidth: 80, 
  tabWidth: 2,
};
javascripttypescriptvimeslintprettier
5
Edgaras Karka

これで修正されるはずです https://github.com/prettier/eslint-config-prettier

きれいに競合するeslintのルールを無効にします

1
Sam Banks