VSCode 로 개발하기

불필요한 공백을 강조해주고 그것들을 삭제해 줍니다.

링크 : https://marketplace.visualstudio.com/items?itemName=shardulm94.trailing-spaces

사용법

명령 팔레트를 열고 'Trailing Spaces: Delete' 를 선택합니다.

추가

강조가 필요 없다면 VSCode 에 내장되어 있는 Trim Trailing Whitespace 를 사용하는 것이 좋습니다.

강조만 필요할 경우 'Highlight Trailing White Spaces'를 사용하는 것이 좋습니다.

링크 : https://marketplace.visualstudio.com/items?itemName=ybaumes.highlight-trailing-white-spaces

코드안의 설정한 문자 또는 TODO, FIXME(내장) 문자를 색으로 강조해 줍니다.

링크 : https://marketplace.visualstudio.com/items?itemName=wayou.vscode-todo-highlight

라이트 색상 테마에 적용된 모습

다크 색상 테마에 적용된 모습

명령어

Toggle highlight : 강조 켜기 / 끄기

List highlighted annotations : 설정된 문자를 나열하고 해당 파일에서 보여줍니다.

현재 작업하고 있는 들여쓰기 깊이를 시각적으로 강조 표시해 줍니다.

링크 : https://marketplace.visualstudio.com/items?itemName=SirTori.indenticator

추가 기능

indenticator.showHover = true 로 설정하여 현재 들여쓰기 블록 둘러보기

indenticator.inner.showHighlight = true 로 설정하여 블록의 들여쓰기 가이드 강조 표시

indenticator.inner.color.dark = #ff0000 으로 설정할 경우 아래처럼 빨간색으로 표시됨

현재 날짜와 시간을 설정된 형식으로 입력해 줍니다.

링크 : https://marketplace.visualstudio.com/items?itemName=jsynowiec.vscode-insertdatestring

기본 단축키

기본 입력 : ⇧+⌘+I on OS X, Ctrl+Shift+I on Windows and Linux

형식으로 입력 : ⇧+⌘+⌥+I on OS X, Ctrl+Alt+Shift+I on Windows and Linux

설정

// Date format to be used.
"insertDateString.format": "YYYY-MM-DD hh:mm:ss",
"insertDateString.formatDate": "YYYY-MM-DD",
"insertDateString.formatTime": "hh:mm:ss",

출력(OUTPUT) 창의 로그를 색상(구문 강조)으로 표현해 줍니다.

링크 : https://marketplace.visualstudio.com/items?itemName=IBM.output-colorizer

Git 출력

기본 어두운 테마

기본 라이트 테마

나이트 블루 테마