VScode ) Beautify 설정

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 b() {... }` → 줄바꿈 그대로 유지됨 `function a() {...} function b() {...}` → `function a() {...} function b() {...}` 2칸 이상 줄바꿈 했으므로, 존중 안해줌 ^-^
inline	<html 설정> 줄 바꿈하지 않고, 한 라인에 보여줄 태그 설정 추천 : "a", "button", "i", "span" 등...
warp_attribute	<html 설정> html 태그 attribute들을 새로운 라인으로 보여줄 지? 추천 : 예 :
brace_style	{ } 중괄호 스타일 **** collapse : `import { moA, moB } from 'myModule';` expand : `import { moA, moB } from 'myModule';` end-expand : `import { moA, moB } from 'myModule';` *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

저작자표시 비영리

'🚀코딩 공부 > 코딩공부 이모저모' 카테고리의 다른 글

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

'🚀코딩 공부 > 코딩공부 이모저모' 카테고리의 다른 글

티스토리툴바