소소한일상

[플러터] mac 플러터앱 첫 프로젝트 생성 본문

플러터

[플러터] mac 플러터앱 첫 프로젝트 생성

젤라 2022. 4. 1. 14:03

앞전에 올린  플러터 개발 환경 셋팅

 

[플러터] mac m1 플러터 개발 환경 셋팅

앱을 만들어보고자 한 번 플러터 강의를 보고 따라 만들었다.! 일단 플러터 홈페이지를 보면 사용하는 방법이 나온다. flutter mac용 맥OS에서 설치 flutter-ko.dev 1.홈브류 설치 [홈브류는 맥OS용 패

peekaboo32.tistory.com

 

 

VS코드로 플러터 실행하기 

vscode 를 실행하고 코드팔레트창[shift + command + p] 을 열어서

flutter New project  검색한뒤 선택하고,

 

애플리케이션으로 선택하면 폴더 선택

 

그리고 어디에 저장할건지 폴더를 지정해주시면 됩니다.

하단 우측 "Select a folder to create the project in 눌러주시면 됩니다.

 

플러터 이름설정

폴더이름은 자동으로 만들어진 이름으로 flutter_application_1 할게요 저는

플러터 프로젝트생성 완료

그럼 자동으로 폴더안에 파일이 만들어집니다.!!

 

 

다시 코드팔레트창[shift + command + p] 을 열어서 Run flutter Doctor 선택해주면

 

 

아래에 출력 부분에 vs코드에서 자동으로 명령어를 입력합니다.

출력 부분에 flutter doctor -v 라고 출력되면서 확인해줍니다.

 

플러터 실행하기

상단우측에 Start Debugging 선택 , 또는 터미널에서 flutter run 명령어 

 

로딩중

그리고 플러터를 어떤 화면에 어떤 디바이스로 출력할것인지 선택하는 부분은 

코드팔레트창에서 select Device 입력 또는 하단에 선택 할 수 있는게 있음.

 

안도르이드에서 설정한  에뮬레이터와 맥 유저는 시뮬레이터도 같이 뜹니다.

 

실행화면 출력

소스부분에서 이건테스트용 이라고 적힌부분 적용 된걸 볼 수 있어요 !!!