ESLINT 설정

ESLINT는 코드 품질

Prettier는 코드 스타일, 포멧팅에만 관점.

 

설정파일 우선순위가 있음.

1. .eslintrc.js 2. .eslintrc.cjs 3. .eslintrc.yaml 4. .eslintrc.yml 5. .eslintrc.json 6. package.json

 

{
	env: {
		// 환경은 사전 정의된 전역 변수를 제공합니다
		"browser": true, // browser 전역변수 사용
    "node": true // NODE 전영변수 사용
	},
	extends: [
		// ESLINT에서 Default Rules
		"eslint:recommended",
		"plugin:vue/recommended",
		"plugin:@typescript-eslint/recommended",
	],
	plugins: [
		// 외부 모둘을 통한 파싱작업을 수행을 지정.
		// `eslint-plugin-` 접두사 플러그인 이름에서 생략
		"vue" // eslint-plugin-vue
		"@typescript-eslint",
	],
	rules: {
		// [rule name]: [ Error Level, Option ]
		// Error Level: off/warn/error
		// Option: rule에 따른 설정
		indent: ["error", 2]
	},
	...
}

 

 

 

 

참고: https://hyovelop.notion.site/ESLINT-8dd655f716dd42a1b9a9320214b33e65