jhhan의 블로그

ESLint Error 혹은 Warning 관련 본문

Vue.js

ESLint Error 혹은 Warning 관련

jhhan000 2020. 11. 19. 11:02

이번 포스트는 eslint에 관한 글입니다.

 

noogoonaa.tistory.com/62

참고한 블로그입니다.

 

vue.js를 사용 중에 계신 분들 중 아마도 vue-cli로 작업하시는 분들이 많으실 텐데요

 

eslint warning이 많이 떠서 귀찮으신 분들이 있으실 겁니다.
(제가 그랬어서.. ㅎㅎㅎㅎ)

 

이런 비슷한 warning이 뜨실 겁니다.

이런 경고가 한두개면 상관없는데, 저는 수백개가 뜨더라고요....

그래서 빌드하고 1분정도는 지나야 작업할 수 있엇습니다.

그냥 참고 썼었는데,,, 요즘 너무 지나치게 많이 나와서 한번 검색해봤습니다.

 

이제 적용방법입니다.

.eslintrc.js 라는 파일이 있을 겁니다.

그 파일로 들어가서 

module.exports = {
    rules: {
        'prettier/prettier': [
            'error',
            {
                endOfLine: 'auto',
            },
        ],
    },
}

rules 안에 prettier로 시작하는 부분을 적어넣으시면 됩니다.

그리고 다시 빌드를 진행하면...

짠- 빌드 후에 warning이 한개도 안 뜨는 것을 확인할 수 있습니다!

 

정말 편하네요 ㅎㅎㅎㅎ

 

 

이것으로 마치겠습니다.

'Vue.js' 카테고리의 다른 글

package-lock.json 이란?  (0) 2021.02.21
Vue.js - Excel Download 바로 처리하기  (3) 2021.02.14
Vuetify(4)  (2) 2020.07.07
Vuetify(3)  (0) 2020.06.10
Vuetify(2)  (0) 2020.06.07