[Flutter(플러터)] 유용한 단축키 정리

안드로이드 스튜디오 단축키는 아래 글에서 정리해두었으니 참고바란다!

2022.01.07 - [Usage] - [Android Studio(안드로이드 스튜디오)] 유용한 단축키 정리

[Android Studio(안드로이드 스튜디오)] 유용한 단축키 정리

■ Flutter 단축키 정리 (안드로이드 스튜디오)

1. stless+ Tab  Stateless 위젯 자동 생성 / stful + Tab  Stateful 위젯 자동 생성

   정말 정말 정말 자주 사용하는 단축키이다. st만 입력하면 기본 코드 완성으로 하단에 stful과 stless가 나온다. 그리고 나서 Tab을 누르면 자동으로 Stateless 위젯과 Stateful 위젯을 생성해준다.

st 단축키

Stateless 위젯 자동 생성

2. Alt + Enter  위젯 감싸기, 감싸고 있는 위젯 없애기

   그 다음으로 정말 자주 사용한 단축키이다. 다른 위젯으로 감싸고 싶거나 감싸고 위젯을 없애고 싶을 때, 커서를 해당 위젯에 두고, Alt+ Enter를 누르면 된다. Padding으로 감싸고 싶을 때, Column, Row 위젯으로 감싸고 싶을 때 잘 사용하는 것 같다.

Alt + Enter

3. Ctrl + Alt + M, W  Method, Widget으로 추출(Extract Method, Widget)

    M은 Method, W은 Widget! 

Ctrl + Alt + M 단축키

- Flutter Outline > 위젯 선택 후 클릭 > Extract Method, Extract Widget

 단축키를 사용하는 방법 외에 우측의 Flutter Outline을 클릭해, 추출하고 싶은 위젯을 택해 Method 혹은 Widget으로 추출하는 방법도 있다.

Flutter Outline

Flutter Outline에서 원하는 위젯 클릭 후 Extract

 Ctrl + Alt + M, W을 사용하면, 자주 사용되는 위젯을 추출해서 쉽게 사용할 수 있다. 추출한 위젯을 새로운 파일에 저장해서 import해서 사용해도 좋을 것 같다. 

 위젯을 추출하는 것과 관련해서 아래의 stack overflow에서 잘 설명하고 있으니까 참고하면 좋을 것 같다.

https://stackoverflow.com/questions/57105154/shortcut-to-extract-flutter-widget-from-ui-layout

Shortcut to extract Flutter widget from UI layout

 

 공부하면서 더 유용한 단축키를 알게 되면 더 추가하고자 한다!