테라폼 파일만 따로 코드 자동 정렬 적용하기

• 저는 자바스크립트랑 리액트로 처음 입문을 했다보니 VsCode 기본 formatter가 prettier로 되어있는데, 테라폼을 사용하면서 자동 정렬 기능을 사용하고 싶었다
• 그렇다고 default formatter를 바꾸게 되면 나중에 자바스크립트할 때 또 바꿔야할 것 같아서 찾아보니 개별적으로 적용하는 방법이 있었다
• 먼저 terraform extensions를 설치해준 후에 진행해야 한다
• File → Preferences → Settings 또는 Ctrl + , (쉼표) 를 누르면 설정창이 나온다

• 이렇게 검색창에 formatter를 찾아보면 기본 formatter를 확인할 수 있는데 이것을 수정하지 말고 파일마다 원하는 formatter를 적용해보자

• setting이라고 검색하면 Edit in setting.json이 나온다. 클릭!

• 해당 문구를 추가하고 적용해주면 끝!

  "[terraform]": {
    "editor.defaultFormatter": "hashicorp.terraform"
  }

• 그러면 이제 테라폼 관련 파일들은 저장을 할 때마다 자동으로 포맷을 정렬해준다
• 혹시 다른 파일들을 개별적으로 정렬하고 싶다면 밑에처럼 지정해주면 된다

"[vue]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[typescript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
},