<p>안녕하세요 강사님 궁금하게 생겨</p>
<p>문의 드립니다.</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><img src="https://cdn.inflearn.com/public/files/posts/c6d52d60-af0b-43d3-a8db-ef18947dd5f1/blob" alt="" /></p>
<p>다음 사진처럼 항상 파일을 클릭하면</p>
<p>상단 import줄이 저렇게 변하는데요</p>
<p>파일을 다시 닫으면 빨간줄이 사라집니다.</p>
<p>&nbsp;</p>
<p>깃허브에 있는 tsconfig.json과 .eslintrc.js는 그대로 복붙했습니다. 제가놓친게있을까요?</p>

<p>vscode 에디터에서 eslint를 파싱하지 못하는 이슈일 가능성이 큽니다!</p>
<p>.vscode 폴더를 만들고 아래의 파일을 프로젝트 루트 경로에 추가해주세요</p>
<p>.vscode/settings.json</p>
<div style="color: #eeffff; background-color: #263238; font-family: Menlo, Monaco, monospace, 'Courier New', Menlo, Monaco, 'Courier New', monospace; font-size: 13px; line-height: 20px; white-space: pre; --darkreader-inline-color: #c0ffff; --darkreader-inline-bgcolor: #1e282d;" data-darkreader-inline-color="" data-darkreader-inline-bgcolor="">
<div><span style="color: #89ddff; --darkreader-inline-color: #79d9ff;" data-darkreader-inline-color="">{</span></div>
<div><span style="color: #89ddff; --darkreader-inline-color: #79d9ff;" data-darkreader-inline-color="">"</span><span style="color: #c792ea; --darkreader-inline-color: #c288e8;" data-darkreader-inline-color="">eslint.codeAction.showDocumentation</span><span style="color: #89ddff; --darkreader-inline-color: #79d9ff;" data-darkreader-inline-color="">"</span><span style="color: #89ddff; --darkreader-inline-color: #79d9ff;" data-darkreader-inline-color="">:</span> <span style="color: #89ddff; --darkreader-inline-color: #79d9ff;" data-darkreader-inline-color="">{</span></div>
<div><span style="color: #89ddff; --darkreader-inline-color: #79d9ff;" data-darkreader-inline-color="">"</span><span style="color: #ffcb6b; --darkreader-inline-color: #ffc964;" data-darkreader-inline-color="">enable</span><span style="color: #89ddff; --darkreader-inline-color: #79d9ff;" data-darkreader-inline-color="">"</span><span style="color: #89ddff; --darkreader-inline-color: #79d9ff;" data-darkreader-inline-color="">:</span> <span style="color: #89ddff; --darkreader-inline-color: #79d9ff;" data-darkreader-inline-color="">true</span></div>
<div><span style="color: #89ddff; --darkreader-inline-color: #79d9ff;" data-darkreader-inline-color="">},</span></div>
<div><span style="color: #89ddff; --darkreader-inline-color: #79d9ff;" data-darkreader-inline-color="">"</span><span style="color: #c792ea; --darkreader-inline-color: #c288e8;" data-darkreader-inline-color="">eslint.alwaysShowStatus</span><span style="color: #89ddff; --darkreader-inline-color: #79d9ff;" data-darkreader-inline-color="">"</span><span style="color: #89ddff; --darkreader-inline-color: #79d9ff;" data-darkreader-inline-color="">:</span> <span style="color: #89ddff; --darkreader-inline-color: #79d9ff;" data-darkreader-inline-color="">true,</span></div>
<div><span style="color: #89ddff; --darkreader-inline-color: #79d9ff;" data-darkreader-inline-color="">"</span><span style="color: #c792ea; --darkreader-inline-color: #c288e8;" data-darkreader-inline-color="">editor.formatOnSave</span><span style="color: #89ddff; --darkreader-inline-color: #79d9ff;" data-darkreader-inline-color="">"</span><span style="color: #89ddff; --darkreader-inline-color: #79d9ff;" data-darkreader-inline-color="">:</span> <span style="color: #89ddff; --darkreader-inline-color: #79d9ff;" data-darkreader-inline-color="">true,</span></div>
<div><span style="color: #89ddff; --darkreader-inline-color: #79d9ff;" data-darkreader-inline-color="">"</span><span style="color: #c792ea; --darkreader-inline-color: #c288e8;" data-darkreader-inline-color="">editor.defaultFormatter</span><span style="color: #89ddff; --darkreader-inline-color: #79d9ff;" data-darkreader-inline-color="">"</span><span style="color: #89ddff; --darkreader-inline-color: #79d9ff;" data-darkreader-inline-color="">:</span> <span style="color: #89ddff; --darkreader-inline-color: #79d9ff;" data-darkreader-inline-color="">"</span><span style="color: #c3e88d; --darkreader-inline-color: #bfe685;" data-darkreader-inline-color="">esbenp.prettier-vscode</span><span style="color: #89ddff; --darkreader-inline-color: #79d9ff;" data-darkreader-inline-color="">"</span><span style="color: #89ddff; --darkreader-inline-color: #79d9ff;" data-darkreader-inline-color="">,</span></div>
<div><span style="color: #89ddff; --darkreader-inline-color: #79d9ff;" data-darkreader-inline-color="">"</span><span style="color: #c792ea; --darkreader-inline-color: #c288e8;" data-darkreader-inline-color="">editor.codeActionsOnSave</span><span style="color: #89ddff; --darkreader-inline-color: #79d9ff;" data-darkreader-inline-color="">"</span><span style="color: #89ddff; --darkreader-inline-color: #79d9ff;" data-darkreader-inline-color="">:</span> <span style="color: #89ddff; --darkreader-inline-color: #79d9ff;" data-darkreader-inline-color="">{</span></div>
<div><span style="color: #89ddff; --darkreader-inline-color: #79d9ff;" data-darkreader-inline-color="">"</span><span style="color: #ffcb6b; --darkreader-inline-color: #ffc964;" data-darkreader-inline-color="">source.fixAll</span><span style="color: #89ddff; --darkreader-inline-color: #79d9ff;" data-darkreader-inline-color="">"</span><span style="color: #89ddff; --darkreader-inline-color: #79d9ff;" data-darkreader-inline-color="">:</span> <span style="color: #89ddff; --darkreader-inline-color: #79d9ff;" data-darkreader-inline-color="">true</span></div>
<div><span style="color: #89ddff; --darkreader-inline-color: #79d9ff;" data-darkreader-inline-color="">},</span></div>
<div><span style="color: #89ddff; --darkreader-inline-color: #79d9ff;" data-darkreader-inline-color="">}</span></div>
</div>

인프런 커뮤니티 질문&답변

파일을 클릭하면 제일 1번라인 import에 빨간줄 문의드립니다