VScode는 익스텐션이 다양해 참 편리하다. 그중에서도, 코드 가독성을 높여주는 확장 프로그램들이 단연 제일이다.
가장 유명한 확장 프로그램 2대장으로 Beautify와 Prettier가 있다.
둘다 사용해본 결과, 나는 Beautify가 더 잘 맞았다.
Prettier는 커스텀할 수 있는 범위가 넓고 ESlint와 궁합도 좋지만, 강제적이 느낌이 강하다.
파일을 저장할 때마다, 설정값으로 자동 정렬이 되는데, 이 부분이 나는 불편했다.
반면, beautify는 코드 규칙이 빡세지 않고, 자율에 맡기는 편이다.
특히 드래그 영역만 포맷팅할 수 있어서 매우 매우 편했다.
사내에서 사용하는 라이브러리나, 코드 규칙이 일반적이지 않아서, beautify가 훨씬 편했다.
3D도 다루고, TCP도 다루고 이것저것 하다보니, 자체적인 규칙을 지킬 수 있는 beautify가 제격이었다.
Beautify - 설정값 공식 설명
https://github.com/HookyQR/VSCodeBeautify/blob/master/Settings.md
자주 쓰는 설정값 정리
indent_size | 들여쓰기 사이즈 추천 : 2 |
intent_with_tabs | '탭'을 사용할 것인지? 추천 : false (띄어쓰기 해두는게, 편집하기 좋음) |
preserve_newlines | 줄바꿈 유지해? 추천 : true |
max_preserve_newlines | N칸 줄바꿈만 유지해줌. 예 ) N이 2일 경우, function a() { ... } → 줄바꿈 그대로 유지됨 function a() {...} → function a() {...} 2칸 이상 줄바꿈 했으므로, 존중 안해줌 ^-^ |
inline | <html 설정> 줄 바꿈하지 않고, 한 라인에 보여줄 태그 설정 추천 : "a", "button", "i", "span" 등... |
warp_attribute | <html 설정> html 태그 attribute들을 새로운 라인으로 보여줄 지? 추천 : 예 : |
brace_style | { } 중괄호 스타일 **** collapse : import { expand : import end-expand : import { *preserve-inline : 한 라인에 있으면 규칙 지켜줘~~ 추천 : collapse,preserve-inline |
break_chained_methods | 메소드 체이닝, 옵셔널 체이닝 깨트릴까?!? 추천 : false |
comma_first | false : { moA, moB, moC } false : { moA , moB , moC } 추천 : 취향 |
keep_arry_indentation | 배열에 적용한 들여쓰기 규칙을 유지할까? true : 내가 쓴대로 유지해줌. false : 강제로 바꾸기 추천 : false |
keep_function_indentation | 함수에 적용한 들여쓰기 규칙을 유지할까? 추천 : false |
space_after_anon_function | 익명함수에서 띄어쓰기를 할깝쇼? true : function() → function () 추천 : 취향 |
space_after_named_function | 함수에서 띄어쓰기 할깝쇼? true : function sum() → function sum () |
unindent_chained_method | 체이닝된 메서드에 적용된 들여쓰기를 적용하지 말까? 추천 : false |
'Dev > 코딩공부 이모저모' 카테고리의 다른 글
Nest.js ) Circular dependency 번역 (0) | 2023.04.16 |
---|---|
server) 호랑이는 죽어서 가죽을 남기고, 개발자는 죽어서 로그를 남긴다. (0) | 2022.03.01 |
Api 문서 자동화에 대한 개인적인 노력과 후기... (0) | 2021.12.26 |
NCP) nCloud 네이버 API Signature Key 생성 (0) | 2021.10.09 |
Server ) RESTful API, 자주 사용하는 Status code 정리 및 예시 (0) | 2021.10.04 |