eslint 설정 문의

안녕하세요.

ESLint Rule을 적용하시려면 eslint.config.js 해당 파일에 적용하시면 됩니다.

import js from '@eslint/js'
import pluginVue from 'eslint-plugin-vue'
import skipFormatting from '@vue/eslint-config-prettier/skip-formatting'

export default [
  {
    name: 'app/files-to-lint',
    files: ['**/*.{js,mjs,jsx,vue}'],
  },

  {
    name: 'app/files-to-ignore',
    ignores: ['**/dist/**', '**/dist-ssr/**', '**/coverage/**'],
  },

  js.configs.recommended,
  ...pluginVue.configs['flat/essential'],
  skipFormatting,
  {
    rules: {
      'no-console': 'warn', // console 메서드 사용시 경고(warn) 표시
    },
  },
]

Prettier 룰을 적용하시려면 .prettierrc.json 파일에 적용하시면 됩니다.


{
  "$schema": "https://json.schemastore.org/prettierrc", // Prettier 설정 스키마
  "semi": false, // 세미콜론 생략
  "singleQuote": true, // 작은따옴표 사용
  "arrowParens": "avoid" // 매개변수 하나일 때 괄호 생략
}

(참고로 새로운 프로젝트 환경에 대한 영상은 정리 후 다음 달에 추가할 예정이에요 🙂, 추가하면 새소식으로 전달드릴게요~!)

인프런 커뮤니티 질문&답변