반응형
📝IDE 설정
저장할 때 마다 trailing comma 바로 코드 적용 (auto prettier)
Format code on save를 통해 저장 시 Prettier가 바로 동작해 정리해준다.
trailing comma에 대한 Weak Warning Message 표시 및 출력
linter:
rules:
require_trailing_commas: true
analysis_options.yaml 파일에 require_trailing_commas: true를 통해 해당 기능을 사용할 수 있다
📝 안드로이드 스튜디오 Flutter 팁
Flutter Widget Method 또는 Widget으로 Extract
- Extract Method
- 메소드로 추출
- Extract Flutter Widget
- Widget으로 추출
코드 내 Error 및 다양한 메시지 출력하기
- Inspection Lens Plugin 설치
- 물론 다른 Error 출력 플러그인을 설치해도 된다
Flutter Outline
위젯 구조를 한눈에 알 수 있다.
Flutter Inspector
위젯과 레이아웃을 한 눈에 볼 수 있다.
- Widget Tree
- 작성한 코드의 Widget 구조 파악
- Widget Details Tree
- 선택한 위젯에 해당하는 상위 하위 구조 및 정밀 옵션 제공
- Layout Explorer
- 선택한 위젯에 해당하는 상위 하위 구조를 레이아웃 박스로 시각 자료 제공
초록색 동그라미를 눌러 에뮬레이터의 레이아웃을 정밀하게 볼 수 있습니다.
하위 위젯 한번에 감싸기 (Wrap with Widget)
Widget이 엄청 많아지면 상위 Widget으로 감싸려고 하는게 매우 힘들다 IDE에서 Widget을 클릭해놓으면 전구(Code Acation)이 나오는데 여기에서 원하는 걸 선택하면 된다
반응형