VSCode setting,

플러그인

Auto Close Tag: 태그 자동 닫기 기능
Auto Rename Tag: 태그 명 수정 시 반대 쪽 태그를 자동으로 수정해주는 기능

Eslint등 설정

{
    // Set the default
    "editor.formatOnSave": true,
    // Enable per-language
    "[javascript]": {
      "editor.formatOnSave": false
    },
    "editor.codeActionsOnSave": {
      // For ESLint
      "source.fixAll.eslint": true
    },
    "eslint.alwaysShowStatus": true,
    "prettier.disableLanguages": ["js"],
    "files.autoSave": "onFocusChange",
}

"[javascript]": {
      "editor.formatOnSave": false
},

VSCode에 내장되어 있는 자바스크립트 포맷팅 기능을 사용하지 않고 Prettier 익스텐션을 사용하기 위해서 설정

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

ESLint에 의한 자동 수정 기능을 활성화하기 위해서 설정

"eslint.alwaysShowStatus": true,

Vscode 하단 바에 ESLint도 표시되기 위해서 설정

"prettier.disableLanguages": ["js"],

ESLint와 연동된 prettier를 사용하기 위해서 사용한다고 한다. ( 와닿지 않아서 패스.. )

"files.autoSave": "onFocusChange",

에디터 바깥으로 포커스가 이동 시 파일을 자동으로 저장하기 위해서 설정