반응형

※ 개요: TypeScript 때문에 VSCode에 ESLint를 설치하였는데 노란색 경고 밑줄이 생기지 않아서 당황하였다. 노란색 밑줄이 생기게 하는 방법을 알아보자.

 

※ 방법:

VSCode 확장 프로그램 설정 진입

1. 확장 탭에서 ESLint 설치 상태화면의 오른쪽 톱니바퀴 클릭 후 확장 설정 항목을 선택한다.

 

Working Directories 옵션 검색

2. 검색 필드에서 vscode-eslint 오른쪽에 스페이스 한칸 띄고 working이라고 입력 후에 엔터를 친다.

 

settings.json 파일 수정

3. settings.json 파일하단에 위 이미지와 같이 "eslint.workingDirectories" 하위에 {"mode":"auto"} 입력 후 저장한다.

 

4. 위의 방법을 하였는데도 반응이 없으면 ts 프로젝트의 .eslintrc.js 파일의 rules 하위를 아래 이미지와 같이 수정한다.

    prettier/prettier 하위에 endOfLine: 'auto' 옵션을 추가한다. 나머지 코드는 모두 주석처리 후 저정한다.

.eslintrc.js 파일 수정

 

반응형

'Source Code Editor' 카테고리의 다른 글

노트패드 ++  (0) 2018.02.01
반응형

 

 

유용한 에디터 !

게다가 프리웨어인 노트패드 ++

 

눈을 보호하는 배경색을 위한 설정

설정 > 스타일 설정 > Global Styles

테마는 각자 취향에 맞게 설정하시고.....

 

Global override : 전체 에디터 글자색 및 배경색

Current line background : 활성화 중인 라인의 글자색 및 배경색

Line number margin : 왼쪽 라인 넘버 글자색 및 배경색

 

나머지는 추후에.....

반응형

+ Recent posts