eslint-config-7ylee

ESLint & Prettier Config

Usage no npm install needed!

<script type="module">
  import eslintConfig7ylee from 'https://cdn.skypack.dev/eslint-config-7ylee';
</script>

README

Eslint & Prettier 설정

npm code style: prettier

설치

npx install-peerdeps --dev eslint-config-7ylee

프로젝트 .eslintrc 파일

{
  "extends": [
    "7ylee"
  ]
}

VSCode 설정

  1. ESLint Extension 설치
  2. 에디터 설정 파일 수정:
    • 에디터 설정 파일 여는 방법: cmd + shift + p => > Preferences: Open Settings (JSON)
  // 에디터 디폴트 -문서 저장시 포맷팅 기능 활성화
  "editor.formatOnSave": true,
  // JS & JSX 는 비활성화 - eslint로 포맷팅 하기 위해 에디터 디폴트 기능은 해제합니다.
  "[javascript]": {
      "editor.formatOnSave": false
  },
  "[javascriptreact]": {
      "editor.formatOnSave": false
  },
  // ESLint 플러그인의 저장시 수정 기능 활성화
  "eslint.autoFixOnSave": true,
  // !필수 아님
  // VScode의 Prettier Extension이 설치 되어있으면 JS & JSX 자동 포맷팅 비활성화 
  "prettier.disableLanguages": ["javascript", "javascriptreact"],