[Vue.js] Vue 3.x eslint 설정 끄는 방법

1. vue.config.js 파일 조작

vue.config.js 파일을 만들고 아래 다음과 같이 입력한다.

module.exports = {
	lintOnSave : false;
}

2. /* eslint-disable */

eslint 설정을 끄고 싶은 vue file의 script 태그 최상단에 /* eslint-disable */를 넣는다.

또는

eslint 설정을 꺼주어야 하는 부분에만 /* eslint-disable */ 과 /* eslint-enable */로 감싸 놓는다.

/* eslint-disable */
alert('Enter Word');
/* eslint-enable */

3. // eslint-disable-next-line no-alert

eslint 설정을 끄고 코드의 상단에 // eslint-disable-next-line no-alert를 입력한다.

이 경우 다음 한 줄의 코드에 대해서만 eslint 코드를 끌 수 있다.