Flutter Ui Guides

VS Code에서 Flutter(Dart) 블록 가이드 활성화 방법입니다.

Flutter Ui Guides 활성화

아래와 같이 VS Code에서 Flutter(Dart) 블록을 표시하여 개발 시 소스를 보기 용이하도록 할 수 있습니다.

블럭 가이드가 없는 상태

블럭 가이드가 표시된 상태

Dart 플러그인 설정에서 Flutter Ui Guides 활성화 :

1. 마켓플레이스에서 "Dart"를 검색합니다.

2. 톱니 모양의 아이콘을 눌러 설정 페이지를 엽니다.

3. 검색 창에 preview를 검하여 "Dart: Preview Flutter Ui Guides"를 체합니다.

4. VS Code를 재시작합니다.