[Flutter] 유용한 단축키 모음

han·2025년 5월 29일

플러터를 사용하면서 유용한 단축키들에 대해서 소개하고자 한다.

자동 완성 기능

  • stless: StatelessWidget 클래스를 빠르게 생성합니다.
  • stful: StatefulWidget 클래스와 State 클래스를 동시에 생성합니다.
  • Android Studio에서는 stless + Tab 또는 stful + Tab 키를 사용하여 자동 완성할 수 있습니다.

위젯 조작 단축키

  • 감싸기/제거: Alt + Enter (Windows) 또는 Option + Return (macOS)를 사용하여 위젯을 다른 위젯으로 감싸거나 제거할 수 있습니다. 이 단축키를 누르면 Padding, Center, Column, Row 등으로 감싸는 옵션이 제공됩니다.
  • Visual Studio Code: Ctrl + . (Windows) 또는 Cmd + . (macOS)를 사용하여 빠른 수정 옵션을 활성화하고, "Wrap with..." 기능을 통해 원하는 위젯으로 감쌀 수 있습니다.
    Android Studio: Alt + Enter 를 사용하여 위젯을 감싸거나 제거하는 기능을 사용할 수 있습니다.
  • 선택 영역 확장: Ctrl + W (Windows) 또는 Cmd + W (macOS)를 사용하여 현재 커서가 위치한 코드 블록을 점진적으로 확장하여 선택할 수 있습니다.

코드 정렬

  • Windows/Linux : Ctrl + Alt + L
  • macOS : Cmd + Option + L
  • 코드 형식을 자동으로 맞춰 들여쓰기를 정리
  • Visual Studio Code에서는 Alt + Shift + F 를 사용하여 코드 포맷을 수행

기타 유용한 기능 및 단축키

  • 선언으로 이동: Ctrl + 좌클릭 (Windows) 또는 Cmd + 좌클릭 (macOS)을 사용하여 위젯의 소스 코드를 확인하고 정의된 위치로 이동할 수 있습니다. F12 키를 사용하여도 동일한 기능을 수행.
  • 이름 변경 (Rename Refactor): F2 키를 눌러 클래스, 위젯, 메서드 등의 이름을 변경할 때 사용.
  • 불필요한 import 제거: Alt + Shift + O (Windows) 또는 Option + Shift + O (macOS)를 사용하여 사용하지 않는 import 구문을 제거.
  • 줄 번호로 이동: Ctrl + G (Windows) 또는 Cmd + G (macOS)를 사용하여 특정 줄 번호로 빠르게 이동.
  • 줄 복사/이동: Shift + Alt + 위/아래 화살표 (Windows) 또는 Shift + Option + 위/아래 화살표 (macOS)를 사용하여 현재 줄을 위나 아래로 복사합니다. Alt + 위/아래 화살표 (Windows) 또는 Option + 위/아래 화살표 (macOS)를 사용하여 현재 줄을 위나 아래로 이동.
  • 클래스 계층 구조 확인: F4 키를 사용하여 위젯의 상위 클래스 계층 구조를 확인
  • 명령 팔레트: Ctrl + Shift + P (Windows) 또는 Cmd + Shift + P (macOS)를 눌러 명령 팔레트를 열고, 최근에 사용한 명령을 실행하거나 새로운 명령을 검색
profile
개인 공부 및 기록겸 벨로그 시작

0개의 댓글