ES-LINT 설정 끄는 방법

Vue.js에서 ES-LINT 설정이 켜져 있으면, JS Syntax 오류를 잡아주는 장점이 있지만, console.log 등 개발할때 필요한 부분에 대해서도 오류로 잡히는 경우가 존재한다.

그렇기 떄문에 ES-LINT 설정을 끄고 싶은 경우가 존재할 수 있는데, 아래와 같이 해결할 수 있다.

 

1. 주석 이용

- eslint-disable 주석을 이용한다.

 /* eslint-disable */
    methods: {
        fetchData() {
            console.log('e')
        }

    }

2. vue.config.js 설정파일 이용

 

vue-cli 3버전 이상에서는 webpack.config.js에 선언하였던 설정들을 vue.config.js에서 관리할 수 있게 되었다.

아래와 같이 파일을 생성하고, lintOnSave 설정을  false로 하면 된다.

관련 Conference : cli.vuejs.org/config/#vue-config-js