[MAC] Flutter 설치

🔑 시작하기 앞서...

1️⃣ VS code 설치

: 자세한 사항은 MAcOS 개발환경 셋팅에서 확인하면 된다.

2️⃣ Android Studio / Xcode 설치

: 자세한 사항은 React-Native 설치에서 확인하면 된다.

---

🔑 플러그인 설치

1️⃣ Android Studio 플러그인 설치

1. flutter 검색 후 설치한다.
2. dart 검색 후 설치한다.
   

2️⃣ VS code 확장 프로그램 설치

1. flutter 검색 후 설치한다.
2. dart 검색 후 설치한다.
   

---

🔑 Flutter 셋팅 및 실행

1️⃣ flutter SDK 다운로드

1. Flutter에 접속한다.
   

2. macOS용 SDK를 다운로드한다.
   

3. 터미널을 열고 원하는 경로에 development 폴더를 만든다.

mkdir development

4. 원하는 경로에 다운로드 받은 파일을 압축해제한다.
   ✔️ 다운로드 파일은 현재 Downloads에 위치

cd development
unzip ~/Downloads/flutter_macos_arm64_3.24.1-stable.zip

5. 환경 변수를 설정한다.
   5-1. 터미널을 열고 cd ~를 입력해 홈 디렉토리로 이동한다.
   5-2. .bash_profile 또는 .zshrc 파일을 연다.

   nano .bash_profile
   nano .zshrc

   5-3. PATH에 Flutter SDK 경로를 추가한다.

   export PATH=$HOME/development/flutter/bin:$PATH

   5-4. 파일을 저장하고 종료한다.
   : Ctrl + X를 누른 후 Y를 누르고 Enter 누르기

6. 지금까지 환경설정 점검한다.

   flutter doctor

2️⃣ 프로젝트 실행

1. vs code에서 프로젝트를 생성한다.
   1-1. 검색창에 >Flutter: New Project를 입력 후 선택한다.
   1-2. Application을 선택한다.
   1-3. 프로젝트를 저장할 위치를 지정한다.
   1-4. 프로젝트명을 입력한다.
   

2. 실행할 에뮬레이터를 연결한다.
   2-1. 검색창에 >Flutter: Launch Emulator를 입력 후 선택한다.
   2-2. 실행할 에뮬레이터를 선택한다.
   

3. 프로젝트를 실행한다.

flutter run