[VSCode] EsLint rules 추가하기

[VSCode] EsLint rules 추가하기

---

프로젝트에 .eslintrc.js 파일을 만들어 규칙을 추가하면 된다.

하지만, 이는 vscode에서 코딩 시 적용되는 규칙이 아닌, 프로젝트 실행 시 console(개발자 도구)에 표시되는 eslint 관련 규칙이다.

 

vscode에서 코딩하면서 eslint 규칙 적용하여 보고 싶은 경우 settings에서 수정해주면 된다.

vscode settings(cmd+ ,)에서 ui로 특정 규칙을 추가할 수 있지만,

상세한 rules는 이처럼 Edit in settings.json을 눌러 settings.json에서 규칙을 추가해 주면 된다.

vscode settings

eslint.options의 rules안에 .eslintrc.js 파일처럼 rules를 추가할 수 있다.

{
	"eslint.options": 
    	{
        	"rules": {
            	...규칙 추가...
          	}
        }
}

 

예)

settings.json

 

 

 

 

---

[참고] https://github.com/microsoft/vscode-eslint/wiki/Visual-Studio-Code:--Setting-up-ESLint-Rules-(Beginner's-Introduction)