플러터:VSCode

학교의 모든 지식. SMwiki
Sam (토론 | 기여)님의 2024년 9월 20일 (금) 14:08 판 (→‎개요)
둘러보기로 이동 검색으로 이동

틀:플러터 Dart:개요 플러터에 대한 지식 분류

  1. 플러터:개요
    1. 플러터:VSCode
  2. 플러터:배포
  3. 플러터:참고자료
  4. 플러터:위젯
    1. 플러터:공간배치용 위젯
  5. 플러터:라이브러리
    1. 플러터:logger
  6. 플러터:DB활용
    1. 플러터:Firebase
    2. 플러터:MySQL

개요

VSCode로 플러터를 사용하는 이들을 위한 팁과 지식.

설치에 대한 것은 플러터:개요 - 학교의 모든 지식. SMwiki을 참고하자.

VSCode
  • 프로젝트 시작.
ctrl+shift+p에서 flutter를 기입해 적절한 것을 선택해 시작한다.
  • 애뮬레이터.
우측 하단에 자신이 사용하고 있는 OS 이름이 있을 텐데, 이곳에서 에뮬레이터를 고를 수 있다.(안드로이드 스튜디오에서 설치한 에뮬레이터 사용 가능.)
  • 앱 실행. 에뮬레이터 실행 후 크게 3가지 방법이 있다. Run and Debug, main 함수 위에 뜬 Run 클릭, F5 이후 vscode 상단에 앱의 실행과 관련된 버튼들이 나타난다.
에뮬 켜는 데 시간 좀 걸린다.
extention 설명 비고
Flutter Riverpos Snippets 상태관리, 관련 코드를 불러와준다.
Dart Data Class Generator 데이터클래스 생성 시 ctrl+. 을 통해 중복코딩 피하게 도움.
Error Lens 에러나 실수를 라인별로 알려준다.

setting.json 옵션

보통은 다 True로 되어 있어 사용하고 있을 것이다.

extention 설명 비고
editor.formatOnSav 내부의 editor.formatOnSave 값을 True로 해주면 저장할 때 자동으로 줄맞춤을 해주어 가독성을 높여준다.
source.fixAll True로 해주면 저장할 때 자잘한 오류들을 고쳐준다.