eslint와 prettier의 충돌을 수정할 수 없습니까? (vscode)

1986 단어 prettierVSCodeESLint

문제



(1) 1행을 80문자 이내에 넣고 싶으므로, eslint에 이하의 설정을 했습니다.
max-len: [2, { "code": 80 }]

(2) 다음에 이하의 코드를 쓰면, 91문자였기 때문에 에러가 발생.
import CountryFlagFromCurrency from '~/src/components/atoms/icons/CountryFlagFromCurrency';

(3) 좋게 개행을 할 수 있다
import 
 CountryFlagFromCurrency 
from '~/src/components/atoms/icons/CountryFlagFromCurrency';

(4) 보존하려고 하면 수수께끼의 힘에 의해 원래의 모습으로 정형되어 막힌다.
import CountryFlagFromCurrency from '~/src/components/atoms/icons/CountryFlagFromCurrency';

수정안 1 prettier를 만지다



prettier가 방해하고 있다고 생각하고 .prettierrc.yml
printWidth: 80

결과 : 확률이 없습니다. . .

수정안 2 vscode의 설정 찾기



(1) 조금 잘 모르게 되었으므로, 우선 vscode의 settings로 max라고 검색하면 Max Column 가 걸린다.



(2) MiniMap은, 지금 표시하고 있는 코드가 파일 전체의 어느 위치에 있는지 표시해 주는 에디터의 옆에 나오는 그거야, , 라고 생각하면서, Mac Column 일단 해결되었습니다.

결론



코드 정형이므로 eslint인가 prettier인가라고 생각했는데 MiniMap의 설정 때문에 개행할 수 없었던 것 같습니다. 올바른 설정인지 별로 알 수 없습니다만, , , 일단 이것으로 해결했으므로 이 형태로 진행해 갑니다. . .

좋은 웹페이지 즐겨찾기