prettier와 eslint 함께 사용할 때 indent 설정이 상이해서 충돌하는 이슈

settings.json

{
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.tabSize": 2,
  "[typescript]": {
    "editor.formatOnPaste": true,
    "editor.formatOnSave": true,
    "editor.defaultFormatter": "esbenp.prettier-vscode",
  },
}

.prettierrc.js

module.exports = {
  bracketSpacing: false,
  jsxBracketSameLine: true,
  singleQuote: true,
  trailingComma: 'none',
  arrowParens: 'avoid',
  semi: false,
  printWidth: 90
}

특정 라인에서 프리티어 동작하지 않게 하기

console.log('hello world!')

// prettier-ignore
console.log("Jek");
console.log('Jek')
console.log('Jek')
console.log('Jek')

• 프리티어 무시 주석은 타입스크립트 컴파일러의 타입 체크 기능을 무력화함에 주의

Reference

• https://heewon26.tistory.com/262
• https://velog.io/@s_sangs/TypeScript-ESLint-Prettier