[질문] vscode + prettier + eslint을 활용한 소스 포맷팅

Question

vscode &#43; prettier &#43; eslint를 사용하면 너무 헤깔리는 부분이 많아 질문 드립니다. 1. 현재 상황- vscode에 prettier, eslint 익스텐션이 설치되어 있음 - 프로젝트에서 .prettierrc, .eslintrc.js에 포맷팅 설정을 하였음 - vscode에서 js 또는 vue 파일 포맷팅을(ctrl &#43; alt &#43; f)를 했을 .prettierrc 기준으로 포맷팅 됨 - npm run lint 했을 때 eslintrc.js 설정 기준으로 포맷팅 됨 2. 문제 상황- vscode 포맷팅과 eslintrc.js 결과 같이 서로 다름. 소스 코드 수정을 하지 않았데 필요 없는 commit이 발생 - 예를 들어 .prettierrc에서 &#34;semi&#34;: true와 .eslintrc.js에서 semi: [&#34;error&#34;, &#34;never&#34;] 이렇게 서로 상충된는 값이 입력할 경우 문제가 발생 3. 원하는 거- vscode fomat 결과는 기본적으로 .eslintrc.js 규칙을 따른다. - 그리고 eslint에 없는 요소는 (예를 들어 &#34;printWidth&#34;: 200)는 .prettierrc 규칙을 따른다. 제가 원하는 대로 셋팅이 가능할까요?

성일 · Answer

서로 안겹치게 하세요 건드리는 요소를

[질문] vscode + prettier + eslint을 활용한 소스 포맷팅

1개의 답변

#prettier 목록