환경

  • VS code
  • ESLint (VS code 플러그인)

VS code 프로그램에 설치된 ESLint플러그인을 사용해 저장시 자동으로 포맷을 정리해주는 환경 설정을 해보려고 합니다.

우선, 아래 명령어를 입력하여 초기 세팅을 해줍니다.:

$mkdir 폴더 && cd 폴더
$yarn init
$yarn add koa
$eslint --init

cmd + shift + p 명령어 팔레트를 열고 setting.json파일을 열어주고 아래 코드 추가해줍니다.:

"[javascript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "eslint.validate": [
        "javascript",
        "javascriptreact"
    ],
    "eslint.autoFixOnSave": true,
    "eslint.alwaysShowStatus": true

ezgif.com-video-to-gif.gif