【소 재료】 ​​VSCode의 확장 기능으로 tab를 강조 표시해 보았다

개요

들여 쓰기 tab 싫어하는 사람이므로 확장 기능을 사용하여 빨간색으로 강조 표시해 보았습니다.

확장 기능 설치

확장 프로그램에서 Whitespace+를 검색하십시오.

설정 파일 변경

Ctr+Shift+P 에서 파일 검색 모드로 전환하고 Whitespace+ Config 를 입력하여 Enter.

다음은 tab에 대한 설명입니다.

"name": "tab",
"enabled": true,
"pattern": "\\t",
"style": {
    "borderWidth": "1px",
    "borderRadius": "2px",
    "borderStyle": "solid",
    "light": {
        "backgroundColor": "rgba(170, 53, 53, 0.3)",
        "borderColor": "rgba(170, 53, 53, 0.4)"
    },
    "dark": {
        "backgroundColor": "rgba(223, 20, 20, 0.3)",
        "borderColor": "rgba(255, 97, 97, 0.4)"
    }
}

코피페에서 사용할 수 있도록 전체 문재를 둡니다.

{
    "mode": "all",
    "autoStart": true,
    "refreshRate": 100,
    "elements":
    [{
        "name": "space",
        "enabled": true,
        "pattern": "\\s",
        "style": {
            "borderWidth": "1px",
            "borderRadius": "2px",
            "borderStyle": "solid",
            "light": {
                "backgroundColor": "rgba(1, 1, 1, 0.3)",
                "borderColor": "rgba(58, 70, 101, 0.4)"
            },
            "dark": {
                "backgroundColor": "rgba(30, 30, 30, 0.3)",
                "borderColor": "rgba(30, 30, 30, 0.4)"
            }
        }
    },{
        "name": "tab",
        "enabled": true,
        "pattern": "\\t",
        "style": {
            "borderWidth": "1px",
            "borderRadius": "2px",
            "borderStyle": "solid",
            "light": {
                "backgroundColor": "rgba(170, 53, 53, 0.3)",
                "borderColor": "rgba(170, 53, 53, 0.4)"
            },
            "dark": {
                "backgroundColor": "rgba(223, 20, 20, 0.3)",
                "borderColor": "rgba(255, 97, 97, 0.4)"
            }
        }
    },{
        "name": "newline",
        "enabled": true,
        "pattern": "\\n",
        "style": {
            "borderWidth": "1px",
            "borderRadius": "2px",
            "borderStyle": "solid",
            "light": {
                "borderColor": "rgba(40, 40, 40, 0.4)"
            },
            "dark": {
                "borderColor": "rgba(40, 40, 40, 0.4)"
            }
        }
    },{
        "name": "trailing",
        "enabled": "unlessCursorAtEndOfPattern",
        "pattern": "[^\\S\\r\\n]+$",
        "style": {
            "borderWidth": "1px",
            "borderRadius": "2px",
            "borderStyle": "solid",
            "light": {
                "backgroundColor": "rgba(40, 40, 40, 0.3)",
                "borderColor": "rgba(40, 40, 40, 0.4)"
            },
            "dark": {
                "backgroundColor": "rgba(40, 40, 40, 0.3)",
                "borderColor": "rgba(40, 40, 40, 0.4)"
            }
        }
    }]
}

결과

탭을 빨간색으로 강조 표시할 수 있습니다. 두 번 탭을 작성하지 않습니다.

보충

반각 공간의 표시는 아래의 파일에 추가
C:\Users{user}\AppData\Roaming\Code\User\settings.json

{
    "editor.renderWhitespace": "all"
}