[Vue] Webpack 프로젝트에서 ESLint 설정해주기

ESLint 설치해주기

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

 

.eslint.json 파일 생성

 

.eslint.json 파일에 코드 넣기 (기호따라 변경 가능)

module.exports = {
  env: {
    browser: true,
    node: true,
  },
  extends: [
    'plugin:vue/vue3-strongly-recommended',
    'eslint:recommended',
  ],
  parserOptions: {
    parser: 'babel-eslint',
  },
  rules: {
    'vue/html-self-closing': [
      'error',
      {
        html: {
          void: 'always',
          normal: 'never',
          component: 'always',
        },
        svg: 'always',
        math: 'always',
      },
    ],
    'vue/html-closing-bracket-newline': [
      'error',
      {
        singleline: 'never',
        multiline: 'never',
      },
    ],
    'vue/script-setup-uses-vars': 'off',
  },
};