확장 plugin 설치

• ESLint 설치
• Prettier 설치
  

파일 -> 기본 설정 -> 설정(ctrl+,) 에서 빨간 동그라미 클릭 하면 JSON 편집기 상태로 변경 됨

JSON 편집기 상태

JSON 편집기 상태에서 아래 설정 코드

{
  "workbench.colorTheme": "Default Dark+",
  "window.zoomLevel": 1,
  "editor.formatOnSave": true,
  "editor.formatOnPaste": true,
  "editor.formatOnType": true,
  "prettier.tabWidth": 2,
  "diffEditor.ignoreTrimWhitespace": false,
  "editor.fontSize": 18,
  "editor.tabSize": 2,
  "[json]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[css]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "[html]": {
    "editor.defaultFormatter": "vscode.html-language-features"
  },
  "[typescript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  }
}

" to ' 로 자동으로 변경 하기

• package.json에 위치하고 있는 곳에 .prettierrc 파일을 생성 후 prettier 옵션을 추가 한다.

  

  {
   "singleQuote": true,
   "semi": false
  }