macOS Flutter Vscode 세팅

정지효·2024년 7월 1일

Flutter 앱개발

목록 보기
3/5

지난 내용
지난번 포스팅에서는 mac에서 플러터 환경 설정을 하는법을 알아보았는데요
이번에는 vscode에서 플러터를 사용하는 방법을 알아보도록 하겠습니다.

1. Vscode Extension 설치

vscode를 킨 후 Dart와 Flutter Extension을 설치합니다.

Dart와 Flutter Extension 설치가 끝났으면 프로젝트를 생성해 보도록 하겠습니다.

2. Flutter 프로젝트 생성

vscode에서 원하는 폴더를 연 후 터미널을 켜

flutter create "원하는 프로젝트 이름"

프로젝트명은 소문자와 언더바 " _ " 를 사용하는 스네이크 케이스로 생성해야 합니다.
명령어 실행 후 잠시 기다리면 다음과 같이 프로젝트가 생성됩니다.

여기서 lib 폴더에 main.dart 파일이 있습니다.

3. Flutter 실행

우선 터미널 아래쪽 제 세팅 기준 iPhone 15 Pro 라고 되어있는 부분을 클릭합니다.

그럼 상단에 이런 창이 나오는데 여기서 저번에 설치하신 ios시뮬레이터를 선택해 주시면 됩니다.

그 후 터미널에

flutter run

명령어를 입력해 주시면 다음과 같이 프로젝트가 실행된 모습을 보실 수 있습니다.

이번 포스팅은 여기까지 하도록 하겠습니다.
다음 포스팅 내용은 플러터 개발을 위한 Dart 주요 문법을 다루도록 하겠습니다.

profile
SRIHS infoSec 119th

0개의 댓글