VS Code, Preview Flutter Ui Guides 활성화

니꼬쌤 강의를 듣다가 저장하고 싶은 VS Code Settings라서 글로도 남깁니다.
VS Code의 개발자 설정을 위한 강의 영상에서 나온 부분이고 제가 사용하는 메인 툴이 VSCode가 아닌지라 참 어색하고 불편하다. 하던 차에 눈을 개안하게 만드는 세팅이라 작성해 봅니다.

---

Flutter 프로젝트들을 따라서 만들어 보면서 Widget들을 나열하고 하위에 넣고 또 하위에 넣고 이러다 보니 이 친구가 저 친구 자식인지 이놈 자식인지 계속 헷갈리고 강의를 따라가면서도 너무 헷갈려서 답답했습니다.
Dart자체가 되게 비효율적인 것 같다?라는 생각도 조금 들었고 평소에 쓰던 양식이 아니다 보니 당연히 좀 거슬릴 수 밖에는 없는 부분이지만 길게 나열된 것들을 보다 보면 한숨이 좀 나오더라고요.

그런 찰나에 이 기능을 알게 되니 마치 Android Studio에서 Rainbow Brackets 플러그인을 처음 깔던 제 모습이 다시 떠올라 참 재미있었습니다.

이렇게 기본 Settings 창을 열어서 [ previewUI ]를 검색하여 해당 활성화를 진행하여도 되고
> open user settings.json 파일에서 수정해도 되는데, 활성화를 하고 VS Code를 재실행시키면..!

"dart.previewFlutterUiGuides": true,

---

뚜둥.. 박음질된 거처럼 코드의 트리를 확인할 수 있게 됩니다. 너무 좋네요. 가시성이 늘어나니 확실히 편해집니다.