패스트캠퍼스/자습

Flutter 시작하기 - Vscode로 플러터 시작하는방법 - (2)

sunnykim91 2022. 12. 30. 14:31

1편에 이어서 쓰는 글입니다.

https://sunnykim91.tistory.com/141

 

Flutter 시작하기 - Vscode로 플러터 시작하는방법 - (1)

회사에서 flutter를 스터디하기 위하여 플러터를 시작하기로 하였다. 우선 vscode에서 extension을 설치해주면 쉽게 설치를 할 수 있는데, 아래와같이 검색해서 install을 해준다. 이제 프로젝트를 생성

sunnykim91.tistory.com

 


 

에뮬레이터까지 다운받았으면, 이제 실행을 시켜보는 일만 남았다. 

 

mac의 기준 command + shift + p 를 누르면

 

요렇게 나온다. 여기서 flutter라고 검색하면 Launch Emulator라고 있다 .클릭

 

 

ios는 ios 아래 4개는 옆에 조그맣게 표시된것처럼 android이다.

 

먼저 ios를 실행 시켜 보겠다.

 

이렇게 에뮬레이터가 하나 켜진다.

 

 

 

main.dart파일이 켜진상태에서 꼭 해야한다.

 

상단의 Run -> Run without debugging을 클릭하면 된다. (혹은 control + F5)

 

이렇게 실행 되는걸 볼 수 있다.

 

 

안드로이드를 보겠다.

 

먼저 안드로이드 스튜디오를 켜주고, 

create device를 통해서 원하는 디바이스를 추가해줘야 

아래사진과 같이 나오게된다.

 

여튼 , create device를 진행한후 vscode로 돌아와서 다시

 

Launch emulator를 해준다. 

아래와같이 안드로이드 에뮬레이터가 켜진다.

 

이제 ios와 동일하게

 

main.dart파일이 켜진상태에서 꼭 해야한다.

 

상단의 Run -> Run without debugging을 클릭하면 된다. (혹은 control + F5)

 

 

사진과 같이 잘 실행되는것을 볼 수 있다.

 

이제 이렇게만 띄어놓고, 코드 작업만 하면된다! 

반응형