[ETC] eslint 설정 (Default)

vscode eslint 플러그인 설치 후

npm i -D eslint eslint-plugin-vue babel-eslint

 

.eslintrc.js 파일 생성

module.exports = {
    env: {
        browser: true, // 브라우저 동작
        node: true // 노드js에서 동작
    },
    extends: [
        // vue
        //'plugin:vue/vue3-essential', // Lv1
        'plugin:vue/vue3-strongly-recommended', // Lv2
        //'plugin:vue/vue3-recommended', // Lv3
        // js
        'eslint:recommended'
    ],
    parserOptions: {
        parser: 'babel-eslint'
    },
    rules: { // 규칙
        "vue/html-closing-bracket-newline": ["error", {
            "singleline": "never",
            "multiline": "never"
        }],
        "vue/html-self-closing": ["error", {
            "html": {
                "void": "always",
                "normal": "never",
                "component": "always"
            },
            "svg": "always",
            "math": "always"
        }]
    }
}

 

Ctrl + Shift + p 로 Settings 검색

사용자 설정 (JSON) 에 자동완성 추가

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

 

만약 eslint 파싱 오류가 날시 

(각 js 파일 맨윗줄에 import 문법을 사용해야한다느니 어쩌구 하는 파싱에러)

eslint 버전을 다운그레이드 해야한다

ex: "eslint": "^6.7.2",