멋쟁이 개발자의 블로그

[Flutter] Flutter 프로젝트 생성 및 실행 본문

Flutter

[Flutter] Flutter 프로젝트 생성 및 실행

y_MIN 2022. 12. 2. 16:03

1. Flutter doctor로 실행환경 점검

1.1 cmd 창에서 flutter doctor 입력

두 가지 문제가 있음 ㅜㅜ

1.1.1 Settings -> Appearance & Behavior -> System Settings -> Android SDK -> Android SDK Command-line Tools 설치

1.1.2 cmd창에 flutter doctor --android-licenses 입력 후 전부 Accept (y)
1.1.3 flutter doctor 다시 입력해보면 해결 !

1.2 Visual Studio 설치

  - visual studio도 필요한 줄 몰랐는데 결국 설치 ㅜㅜ 
  - C++를 사용한 데스크톱 개발 선택 !

1.3 설정 끝!

 

2. VSCode로 프로젝트 생성 / 에뮬레이터 실행

2.1 프로젝트 생성

2.1.1 vscode -> 보기 -> 명령 팔레트 -> flutter 검색 -> New Project 선택

2.1.2 Application 선택

2.1.3 저장될  폴더 지정

2.1.4 프로젝트 이름 지정

2.1.5 프로젝트 생성 !

 

2.2 에뮬레이터 실행

2.2.1 실행 및 디버그 탭

2.2.2 하단에 Chrome으로 되어있으면 웹으로 실행 됨.. 선택해서 바꿔줘야 함

2.2.3 모바일 에뮬레이터 선택

2.2.4 에뮬레이터 실행 완료 (시간이 다소 많이.. 걸렸음)

 

3. Android studio로 프로젝트 생성 / 에뮬레이터 실행

3.1 프로젝트 생성

3.1.1 New Flutter Project

3.1.2 SDK 경로 잘 확인해주기 !

3.1.3 프로젝트 이름 및 경로 설정

폴더 명이나 경로에 _ 제외 특수문자X 소문자만O

3.1.4 프로젝트 생성 완료 !

+) 플러터 2.5 버전 이후에는 static 위젯 앞에 const 키워드를 붙이지 않으면 밑줄이 생김
거슬리면 pubspec.yaml 파일에 가서 flutter_lints 부분을 주석처리한 뒤 Pub get 클릭

 

3.2 에뮬레이터 실행

3.2.1 Device Manager

3.2.2 만든 에뮬레이터 run

3.2.3 초록색 Run 버튼 ! (Shift + F10)

3.2.4  에뮬레이터 실행 완료 (마찬가지로 시간이 좀 걸림 ㅜㅜ)

 

(코딩셰프님의 Youtube 강의를 참고하여 작성하였습니다. --> https://www.youtube.com/@codingchef