[Vue] eslint 끄는 방법

상황 설명

vue에서 lint를 설치하고 설정한 후에 여러 사람들과 협업을 하다보면 pull을 받았을 때 나는 분명 내용을 변경한 것이 없는데 git에서는 파일들의 모든 라인이 변경되었다고 감지하는 경우가 있다. 이런 경우에는 아래와 같이 vue를 실행시켰을 때 eslint가 작동하면서 오류를 발생시켜 npm run lint 명령어로 포맷을 잡아주었기 때문이다. 특히 윈도우를 사용하여 개발하는 경우에는 개행문자에서 뭔가 차이가 있는지 다른 사람이 작업한 내용을 pull 받아오면 이상하게 그런다..

 

해결방안

아무튼 이런 불편한 점을 없애기 위해서는 사용하지 않기도 하고 필요 없이 불편함만 제공해주는 eslint를 삭제하고 사용하지 않도록 설정하기로 했다.

 

vue.config.js

아래와 같이 vue의 설정 파일인 vue.config.js 에서 잡아줄 수 있다.

module.exports = {
    lintOnSave: false
}

 

vue-cli-service

vue-cli-service를 사용하는 경우에는 아래와 같이 설정할 수 있다.

const { defineConfig } = require('@vue/cli-service');
module.exports = defineConfig({
	...
	liveOnSave: false,
    ...
})

 

참고

https://livedata.tistory.com/177