[Flutter] Android Studio Live Template 설정하기

이번에는 개발을 진행하며 가장 많이 사용하는 라이브 템플릿 (단축어로 클래스 만들기)을 설정해보는 시간을 가지려 합니다.

이전에도 작성한 글이 있지만, 인텔리제이에서도 라이브 템플릿을 설정하여 자동완성으로 코드가 작성되도록 진행을 한 적이 있습니다. 인텔리제이에서 필요하신 내용이 있으면 아래 글을 참조해주세요!

https://abbo.tistory.com/341

IntelliJ 단축어인 Live Template 만들기

 

---

 

Android Studio 에서 Flutter 개발 중 가장 많이 사용하는 기능은 statleless widget 을 자동으로 만들어주는 것입니다. 아무래도 위젯을 기반으로 작동되는 플러터의 특징 상 많이 사용하는 기능은 템플릿화 시켜두는 것이 좋습니다. 기분 좋게도 안드로이드 스튜디오는 이런 기능을 인텔리제이와 같이 내장하고 있습니다.  

단축어로는 stl 만 입력하여도 표시가 되고, 함수부분이 비어진 상태로 출력됩니다. 

stl 만 입력하여도 stless 라이브 템플릿이 표시가 됩니다.

 

이렇게 자동완성됩니다.

 

그러면 이제 자동 완성될 라이브 템플릿을 설정해볼까 합니다. 

설정(Cmd + ,) -> Editor -> Live Templates

class $NAME$ extends StatelessWidget {
  const $NAME$({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Container($END$);
  }
}

이제 Template text 부분을 보시면 위와 같이 텍스트가 자동으로 들어가져 있고, 아래 사진처럼 출력되는 텍스트를, 그리고 입력할 수 있는 필드가 열리게 됩니다. 

원래의 소스 코드는 아래와 같이 return const Placeholder()를 리턴하는 것으로 되어 있지만 가장 많이 사용하는 Container 또는 다른 클래스를 입력해줍니다. 저의 경우는 기본으로 return Container로 지정하였습니다.