[VSCode] 로그 파일 설정 및 Log File Highlighter 사용법

안녕하세요, 허블입니다.

 

VSCode에서 Log 파일 읽을 때 색깔이 아닌 텍스트처럼 흰색 글씨로 나올 때가 있습니다.

바로 아래처럼 말이죠.

 

오늘은 로그 파일 설정 방법과 로그 파일을 보는데 유용한 Extension인 Log File Highlighter 사용방법에 대해서 알아보겠습니다.

 

어떻게 설정을 해야 될까요? 방법은 간단합니다.

 

 

 

먼저 Ctrl + Shift + P를 누릅니다. 그럼 위에와 같이 검색창이 뜹니다.

 

 

 

 Change Language Mode라고 치고 Enter 버튼을 누릅니다.

 

 

 

Log라고 치고 Enter를 누르면 위에와 같이 로그 파일의 색상이 바뀝니다.

 

 

 

다른 방법으로는 하단에 Select Language Mode를 누르시고 Log를 치시면 됩니다.

 

 

 

요약

1. Ctrl + Shift + P를 누른다.

2. Change Language Mode라고 치고 Enter를 누른다.(하단에 Select Language Mode를 눌러도 된다)

3. Log라고 치고 Enter를 누른다.

 

 

 

 

로그 파일 볼 때 유용한 Extension

Extension에서 Log File Highlighter를 검색하여 설치해줍니다.

 

 

 

설치가 되었다면 톱니바퀴 버튼을 누르고 Extension Settings를 클릭 후 Edit in settings.json에 들어갑니다.

 

 

 

 

Error 로그 설정 방법?

{
    "workbench.colorTheme": "Default Dark+",
    "workbench.sideBar.location": "right",
    "liveServer.settings.donotShowInfoMsg": true,
    "security.workspace.trust.untrustedFiles": "open",
    "logFileHighlighter.customPatterns": [],
 
    "editor.tokenColorCustomizations": {
        "textMateRules": [
            {
                "scope": "log.error",
                "settings": {
                    "foreground": "#FF0000",
                    "fontStyle": "bold"
                }
            }
        ]
    }
}

원래 있던 스크립트에 위에와 같이 스크립트를 추가해줍니다.

"editor.tokenColorCustomizations" 이 부분이 추가 됐습니다.

 

 

좌측은 Default이고 우측은 변경 후입니다. Error와 FAIL의 색상이 바뀌었네요.

 

 

 

같은 방법으로  "scope": "log.error"이 부분의 error를 date로 변경하면 위에와 같이 바뀝니다.

 

 

변경 가능한 아이템

• log.constant
• log.date
• log.debug
• log.error
• log.exception
• log.exceptiontype
• log.info
• log.string
• log.verbose
• log.warning

 

 

 

텍스트 설정 방법?

{
    "workbench.colorTheme": "Default Dark+",
    "workbench.sideBar.location": "right",
    "liveServer.settings.donotShowInfoMsg": true,
    "security.workspace.trust.untrustedFiles": "open",
    "logFileHighlighter.customPatterns": [
        {
            "pattern": "Send",
            "foreground": "#ffa500",           
        },
        {
            "pattern": "Main",
            "foreground": "#1c751c",
            "background": "#344323"
        }
    ],
 
    "editor.tokenColorCustomizations": {
        "textMateRules": [
            {
                "scope": "log.error",
                "settings": {
                    "foreground": "#FF0000",
                    "fontStyle": "bold"
                }
            },
            {
                "scope": "log.date",
                "settings": {
                    "foreground": "#808000",
                    "fontStyle": "bold"
                }
            }
        ]
    }
}
 

2021.08.12 - [프로그래밍/C#] - C# winform Chart 사용 방법, 간단한 예제

C# winform Chart 사용 방법, 간단한 예제

2020.08.27 - [프로그래밍/C#] - C# USB 통신, LibUsbDotNet

C# USB 통신, LibUsbDotNet