[Flutter] VSCode에서 실행 시 Widget Inspector Page 열기

 

VSCode로 플러터를 실행하게 되면 Widget Inspector Page를 열 수 있는데 개발할 때 매우 유용하다. 이걸 열려면 먼저 

 

 

 

오른쪽 상단에 디버깅 버튼을 눌러 디버깅을 시작해준다.

 

 

에뮬레이터로 실행

 

그럼 이런식으로 디버깅이 시작됨을 알 수 있는데 이때 오른쪽 하단에 {}를 눌러준다. 그러면 Dart Dev Tool이라는 메뉴가 있는데 거기 옆에 launch를 눌러주면 된다.

 

 

 

 

그럼 위 이미지처럼 선택할 수 있는 창이 나오는데 거기서 Widget Inspector Page를 열어주면 된다.