[Flutter] 플러터 vscode 부모 자식 관계 표시 하는 방법

2024-01-09


사진: Unsplash 의 Eric Muhr


1. 방법

 

open user settings를 검색하여 Preferences: Open User Settings(Json) 클릭

 


아래 두개의 코드 추가 

    "dart.previewFlutterUiGuides": true,
    "dart.previewFlutterUiGuidesCustomTracking": true,

아래와 같이 자식 부모 구조에 대한 하얀 점선이 생긴 걸 확인하면 완료된다.

 


만약에 적용이 되지 않는 다면 vscode 재접속 후 아무 Dart 파일이나 클릭해 보면 적용된 것을 확인할 수 있다.

2. 출처

 

https://stackoverflow.com/questions/64575310/how-i-enable-guide-lines-in-visual-studio-code-with-flutter

 

How I enable Guide Lines in Visual Studio Code with Flutter?

How I enable Guide Lines in Visual Studio Code with Flutter?

stackoverflow.com


메인 이미지 출처 : 사진: UnsplashEric Muhr