VS Code Formatter Setting 정리.

vsCode 사용 중에 editor setting 관련 내용 정리에 필요성을 느껴서 작성하게 되었습니다.

vsCode는 기본적으로 에디터에 관한 세팅을 디폴트로 적용되어 있는 세팅 외에는 settings.json이란 파일에 기록되는 형태로 되어있는데, 이파일 내부에서 에디터의 폰트, 글자 크기, 포맷 관련 설정 등 에디터의 전반적인 설정에 관하여 셋팅이 가능합니다. 

일반적으로 약간이나마 세팅에대해 알고있는편이 vsCode의 생산성을 높이는데 큰 도움이 된다 생각하여서 다른분들도 도움이 됐으면 하는 마음에  제가 주로 세팅하는 settings.json 파일 내용을 정리합니다.

---

# User Setting Json 파일 접근하기

 일단 기본적으로 settings.json파일으로 접근하기 위해서는 

“Cmd”(윈도우의 경우 ctrl) + “,”

를 통해서 Settings 화면으로 이동해 줍니다. 

해당화면과 같은 화면이 나타나게 되면 우측 상단의 "{ }” 와 같은 모양의 버튼을 클릭하여 settings.json 화면으로 이동합니다. 

---

# 주로 사용하는 Format

다음은 제가 주로 사용하는 세팅 관련 값들입니다.

JSON 파일이기 때문에 내부의 문법은 JSON과 같다고 생각하시면 됩니다.

1) 세미콜론( ; ) 사용 시 해당 라인 포맷 여부. 

"editor.formatOnType": true

- 해당값 true로 설정 시 ; 을 입력하면 해당 라인이 파일에 설정된 포맷에 따라 가게됩니다. 

2) 붙여넣기 시 해당 텍스트 포맷 여부.  

"editor.formatOnPaste": false

- 해당 값 true로 설정시 텍스트를 붙여넣기 했을 때 자동으로 텍스트의 포맷이 맞춰집니다.

* default 값이 true로 되어있는데 생각보다 불편할떄가 많아서 false 로 사용하길 추천하는 세팅입니다.

 3) 저장 시 해당 파일 전체 포맷 여부

"editor.formatOnSave": true

- 해당 값 true로 설정 시 파일 저장하면 자동으로 포맷이 맞춰집니다. 

* 저는 상황에 따라 세팅하는 값인데 주로 혼자 작업하는 프로젝트의 경우에 true로 세팅합니다.

4) 기본 Formatter 설정

"editor.defaultFormatter": "vscode.json-language-features"

- 위의 값은 기본적으로 포맷의 형태를 어떤 방식으로 설정하는지에 대한 셋팅입니다. 

* 저의 경우 확장프로그램중 prettier를 기본 값으로 사용합니다. 

마지막으로 원하는 파일 타입만 설정하는 방법입니다. 

"[javascript]": {

},

위와같은 방식으로 특정값을 설정해주고 싶은 파일을 “[filetype]” 형태로 감싼 뒤 { } 의 내부에 위와 같은 세팅들을 개별로 설정해주면 해당 파일은 전체영역에 적혀있는 설정이 아닌 위처럼 특화된 세팅으로 따라가게됩니다.

기본적인 포맷 세팅 방식에 대한 정리는 이정도로 마무리 하겠습니다. 

포맷을 제외한 나머지 세팅들에 대해서는 나중에 다시 정리하도록 하고, 포맷에 관해 궁금한 세팅이 있으면 질문주시면 답변 드리겠습니다.