Flutter on Cursor AI on M1

Page content

개요

  • Cursor AI 에서 Flutter 설치를 해본다.
  • 사전에 VS Code, Flutter 설치가 되어 있다고 가정한다.

Flutter 설치

  • 먼저 Curosr AI에 접속한다.
  • Command + Shift + X를 선택한다.
  • 검색창에서 flutter 검색 후, Install 버튼을 클릭한다.

Screenshot 2025-01-03 at 2.17.26 PM.png

설치 확인

  • Command + Shift + P 선택 후, Flutter: Run Flutter Doctor 선택한다.

Screenshot 2025-01-03 at 2.21.56 PM.png

Screenshot 2025-01-03 at 2.22.47 PM.png

Flutter 프로젝트 실시

  • Command + Shift + P 선택 후, New Project 선택한다.
  • Application을 선택한다.

Screenshot 2025-01-03 at 2.24.36 PM.png

Screenshot 2025-01-03 at 2.25.30 PM.png

Screenshot 2025-01-03 at 2.26.35 PM.png

  • 정상적으로 실행이 되면 다음과 같은 소스코드 파일이 나타날 것임

    Screenshot 2025-01-03 at 2.36.02 PM.png

Android 애뮬레이터 실행

  • Command + Shift + P 실행 후, Launch Emulator 실행 후, Medium Phone API 35 실행

Screenshot 2025-01-03 at 2.43.44 PM.png

Screenshot 2025-01-03 at 2.44.12 PM.png

  • 실행결과는 아래와 같이 Emulator를 확인한다.

Screenshot 2025-01-03 at 2.49.58 PM.png