[VSCode] Turbo Console Log

Turbo Console Log

Turbo Console Log - Visual Studio Marketplace

VSCode 확장프로그램을 하나 소개하려합니다. Turbo Console Log는 타이핑없이 단축키로 console을 작성할 수 있게 도와주는 앱인데요. 익숙해지면 매우 편리해서 한번 사용해보시는 걸 추천드립니다. 

 

 

class Klass {
    function Punction {
        var os = 'window'
        console.debug("🚀 ~ file: Pile.tsx ~ line 4 ~ Klass ~ Punction ~ os", os)
    }
}

임의의 Pile.tsx에 Class, Function안에서 Turbo Console Log로 로그를 생성해봤습니다. 위에 예문에서 볼 수 있듯 파일, 클래스 그리고 함수 정보가 함께 작성되는 것을 볼 수 있습니다. 이러한 로그 자동완성은 Properties 설정에서 변경할 수도 있습니다.

 

단축키 알아보기

• console 생성 > ctrl + option(alt) + L
• console 주석 > option(alt) + shift + C
• console 주석해제 > option(alt) + shift + U
• console 제거 > option(alt) + shift + D

 

Properties 셋팅하기

turbo console log preperties

Turbo Console Log는 몇 가지 properties를 제공하고 있습니다. 이 중에 간단히 몇 가지 살펴보겠습니다.

• turboConsoleLog.logType (enum) > 로그 레벨 "log","warn", "error","debug","table"
• turboConsoleLog.wrapLogMessage (boolean) > 로그를 감싸는 로그를 추가할 것인지 (위아래로 wrapping 로그 추가)
• turboConsoleLog.logMessagePrefix (string) > 로그 앞에 붙을 어미
• turboConsoleLog.includeFileNameAndLineNum (boolean) > 파일 이름과 라인정보를 로그에 포함할 것인지
• turboConsoleLog.insertEnclosingClass (boolean) > 클래스 정보를 로그에 포함할 것인지
• turboConsoleLog.insertEnclosingFunction (boolean) > 함수 정보를 로그에 포함할 것인지
• turboConsoleLog.delemiterInsideMessage (string) > 구분자 

 

아래 사진과 같이 vscode setting에서 properties를 수정할 수 있습니다.

vscode setting

 

그럼 즐개발하세요. :)