Visual Studio Code의 Haml은 이것입니다! Indent-Rainbow

Haml은 상당히 들여쓰기의 판정에 힘들군요.
반각 스페이스 1개분 어긋나 있으면 곧바로 에러가 됩니다.
그래서 VSCode를 사용하고 있는 중에서 발견한 것이 이 「Indent-Rainbow」.
다만, 디폴트라고 「응?」라고 생각하는 일이 있었으므로 간단한 커스터마이즈 방법도 실어 둡니다.

Indent-Rainbow 정보

이름 그대로, 들여쓰기마다 색을 덧붙이는 것입니다.
※자신의 VSCode는 배경을 흰색으로 하고 있기 때문에 보기 좋았다면 스미마센・・・

VSCode의 EXTENSIONS에서 indent-rainbow를 검색하면 이것이 나올 것이라고 생각합니다.
그냥보고 싶어.

디폴트라면, 들여쓰기에 붙어 있는 색이 엷어요.
그래서

맞춤형

코드/기본 설정/설정
를 선택하고,

어느 것이든 좋기 때문에 "settings.json에서 편집"을 선택하십시오.

settings.json

{
    "indentRainbow.colors": [
    "rgba(178,255,255,0.4)",
    "rgba(142,198,255,0.3)",
    "rgba(173,255,173,0.4)",
    "rgba(255,204,153,0.4)",
    "rgba(214,173,255,0.4)",
    "rgba(255,173,214,0.4)",
    "rgba(255,255,137,0.8)"
    ],
    "indentRainbow.errorColor": "#FFFFFF",   
}

실제로 자신이 기술한 것입니다.
가장 바깥쪽의 { } 안에 기술합니다.rgba() 안의 네 번째 숫자는 색의 투명도입니다.

0 (완전히 투명)

1 (완전히 불투명)

7개의 색을 설정하고 있으며, 8단째부터는 1색째부터 다시 반복됩니다.

실물

이 사이트 를 참고로 하고, 파스텔 칼라를 채용했습니다.
비비드 컬러라면 작업 중에 눈이 아파서 어쩔 수 없었습니다 ...