prettier 확장 기능 설치

** 들여쓰기 등등 코드 적용하기~!

 

 

1. OPEN JSON (json 파일 열기) 

Open Settings (JSON) 누르기

Ctrl + Shift + P (command + Shift + P)

2. json 내용 추가하기

{
  "workbench.colorTheme": "Visual Studio Light",
  "editor.tabSize": 2,
  "editor.formatOnSave": true,
  "[typescript]": {
    "editor.formatOnPaste": true,
    "editor.formatOnSave": true,
    "editor.defaultFormatter": "esbenp.prettier-vscode"
},
"editor.defaultFormatter": "esbenp.prettier-vscode"
}

 

3. 설정 후 파일 생성

touch .prettierrc.js

module.exports = {
  singleQuote: true, // 큰따옴표로 감싼 문자열을 작은 따옴표로 바꿈
  semi: false // 세미콜론을 모두 제거
}

파일 만든 다음 

엔터 치고 저장하면 아래 이미지처럼 자동으로 바뀐다

 

 

** 주석으로 적용 막기