https://marketplace.visualstudio.com/items?itemName=stivo.tailwind-fold
Tailwind Fold - Visual Studio Marketplace
Extension for Visual Studio Code - Improves code readability by folding class attributes
marketplace.visualstudio.com
Tailwind Fold는 VSCode 확장 프로그램으로, Tailwind CSS 클래스 속성을 자동으로 접어서 코드 가독성을 향상시킵니다.
주요 기능
- 자동 접기: 기본적으로 자동 접기가 활성화되어 있지만, 설정에서 이 동작을 사용자 정의할 수 있습니다.
- 단축키: Ctrl+Alt+A를 사용하여 빠르게 접기를 토글할 수 있습니다.
- 접기 스타일: 접기 스타일을 사용자 정의할 수 있습니다.
- 접기된 텍스트: 접기된 클래스 속성에 표시할 텍스트를 사용자 정의할 수 있습니다.
- 접기된 텍스트 색상: 접기된 텍스트의 색상을 사용자 정의할 수 있습니다.
- 접기된 텍스트 배경색: 접기된 텍스트의 배경색을 사용자 정의할 수 있습니다.
- 접기되지 않은 클래스 속성의 불투명도: 접기되지 않은 클래스 속성의 불투명도를 사용자 정의할 수 있습니다.
How to hide Tailwind classes in VS code pic.twitter.com/48KZ0SuPFT
— Alex Sidorenko (@asidorenko_) August 5, 2024
- 프로처럼 VSC 세팅하기 #Shorts - 노마드 코더 Nomad Coders
- Tailwind CSS Autocomplete NOT WORKING (watch this) | Tailwind CSS Intellisense VS Code - Code Bless You
- VSCode 암살하려고 출시한 JetBrains Fleet 에디터 리뷰 - 코딩애플
- How To Add Tailwind IntelliSense To A Simple HTML Project - Zack Plauché
- vscode 사용법, 단축키 / 비주얼 스튜디오 코드(Visual Studio Code) / 프로그래밍 초보자 코딩속도 올리기 - 프로그래머 김플 스튜디오
728x90