본문 바로가기
Flutter/VSCode 에서 Flutter 사용

[Mac 환경] VSCode에서 Flutter 개발 시 Show Code Actions💡사용

by 뿌비 2024. 8. 11.
728x90

💡Show Code Actions

Flutter로 개발을 하다 보면 위젯을 다른 위젯으로 감쌀 수도, 감싸져 있는 위젯을 삭제할 수도 있는데 그때마다 코드를 (잘라내기 + 붙여 넣기) 해야 하는 번거로움을 줄여 주는 게 Show Code Actions이다
  • 액션을 할 위젯에 커서를 두고 왼쪽에 보이는 노란 전구(Show Code Actions)를 클릭해 보면 Wrap with 위젯으로 여러 개가 나온다
  • Wrap with Center 사용할 위젯을 바로 선택할 수도 있고, 
    Wrap with widget을 클릭해서 내가 원하는 걸로 적어줄 수도 있다
  • 해당 위젯을 위 아래로 움직이려면 Move widget (up or down)
  • 해당 위젯을 삭제하려면 Remove this widget
  • 단축키는 노란 전구에 마우스를 가져다 대면 알 수 있다 
728x90