편집기에서 직접 flexbox 치트 시트를 열 수 있는 VS Code 확장입니다.

https://marketplace.visualstudio.com/items?itemName=dzhavat.css-flexbox-cheatsheet

치트 시트는 두 가지 방법으로 열 수 있습니다.

• Ctrl + Shift + P (Win, Linux) / Cmd + Shift + P (Mac)를 누르고 Open Flexbox Cheatsheet 명령을 검색합니다.
• 디스플레이 : flex 선언을 가리키고 팝업에서 Open Flexbox Cheatsheet 링크를 클릭합니다.

호버 팝업의 Open Flexbox Cheatsheet 링크 외에도 각 Flexbox 속성에 대해 표시된 이미지가 있습니다. 이는 치트 시트를 열지 않고도 각 속성의 작동 방식을 더 쉽게 이해할 수 있도록 하기 위한 것입니다.

이제 대부분의 속성에는 각 값의 작동 방식을 확인하는 데 도움이 되는 대화 형 데모도 있습니다.