VSCode Enlint Vue 세팅

환경 : Vue는 vue-cli로  설치 한 환경이며, Vue2 입니다.

 

VSCode 에서  Ctnl + ,  으로 설정 창 으로 이동한다.

 

1. VSCode 설정 값 변경

 

설정창 오른쪽 상단 버튼을 클릭한다.

json형식으로 변환 버튼

json 형식으로 세팅 값이 변경 되는데 

"editor.codeActionsOnSave": {
    "source.fixAll.eslint":true 
  },
  "editor.formatOnSave": true

값을 넣어주고 저장한다.

 

 

2. 설치 한 Vue package.json에서 세팅 값 수정

 

package.json으로 보면 

extends

extends에서 plugin:vue/essential 를 plugin:vue/recommended으로 변경 해준다.

변경된 extends

 

그 후 VSCode를 재시작 해준다.

 

3. 상세 룰 수정 

형식에 맞게 Fix / Save 되는데  

no-mixed-spaces-and-tabs 같은 경우 수정이 안되고 오류를 뿜는다. 

 

pakage.json파일에서 룰을 수정 하거나 비활성화 하면된다. 

no-mixed-spaces-and-tabs 비활성화

들여쓰기를 2개로 설정 

들여쓰기 2개 설정

 

 

출처 :

https://nonstop-antoine.tistory.com/23

https://eslint.org/docs/rules/indent