소소한일상

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

플러터

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

젤라 2022. 4. 1. 10:17

앱을 만들어보고자 한 번 플러터 강의를 보고 따라 만들었다.! 

일단 플러터  홈페이지를 보면 사용하는 방법이 나온다.

flutter mac용

 

맥OS에서 설치

 

flutter-ko.dev

 

1.홈브류 설치 [홈브류는 OS 패키지 관리자]

2. vs코드로 플러터를 사용하기 위해서 필요한 프로그램 다운로드

  • flutter
  • dart
  • flutter Intl
  • git history

3.Xcode [맥 플레이스토어  접속 후 Xcode 다운로드]

4. 안드로이드 스튜디오 설치


 

Flutter SDK 다운로드

이제  Flutter SDK 다운로드 를  받아서  폴더 하나 생성하고 난뒤에 그 폴더에 옮긴다.

저는 development 폴더 안에 옮김.

터미널에서 경로 부분을 파악하기 위해서다.

export PATH="$PATH:"SDK경로 "/flutter/bin"
echo $PATH //경로 확인
which flutter  //확인

제대로 보인다면 폴더이동 성공 ! 

 

Flutter doctor 실행

 flutter doctor

출력된 내용을 꼼꼼히 보고 설치해야 할 다른 소프트웨어가 있는지 또는 수행해야 할 추가 작업이 있는지(굵은 글씨로 표시됨) 확인하세요.

[-] Android toolchain - develop for Android devices
    • Android SDK at /Users/obiwan/Library/Android/sdk
    ✗ Android SDK is missing command line tools; download from https://goo.gl/XxQghQ
    • Try re-installing or updating your Android SDK,
      visit https://flutter-kr.io/setup/#android-setup for detailed instructions.

Xcode 설치 [생각보다 오래 걸림]

최신 안정 버전의 Xcode를 설치하세요 (웹에서 다운로드 혹은 맥 앱스토어).

//명령을 실행하여 새롭게 설치된 버전을 사용하도록 Xcode 커멘드라인 도구
sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
sudo xcodebuild -runFirstLaunch

//라이센스
sudo xcodebuild -license

Xcode 라이센스 명령어를 입력하고 "agree" 입력 후 엔터


iOS 시뮬레이터 설정

 open -a Simulator

 

Android 설정 [한글이 적히면 오류발생, 그래서  사용자이름이 영문인지 체크]

안드로이드 스튜디오로 작업을 진행하는게 아니라 구성파일 안드로이드 스튜디오에 따른 SDK 에뮬레이터를 사용하기위해서 

안드로이드스튜디오설정

 

Download Android Studio and SDK tools  |  Android Developers

The official IDE for Android app developers.

developer.android.com

Flutter doctor를 한번 더 실행하고 라이센스 동의 라고 출력된거 그대로 복사해

flutter doctor --android-licenses

명령문 치면 y / N 라고 나오면 y 입력 후 엔터 !

그럼 안드로이드 설치는 완료 !

Android SDK랑 에뮬레이터 설정 

SDK Manager > SDK Tools 탭으로 이동 > Android SDK Command-line Tools (latest) 체크

저는 옵션부분에 AVD(Android Virtual Device, 안드로이드 가상 디바이스) 가 Virtual Device Manager 로 되어있더라고요 

원래 아무것도 없어야되는데 저는 하나 만들어놔서 하나 표시 되는거에요

상단 왼쪽에 Create device 클릭하면

기기 선택 후  저는 R 다운로드 받았어요

그럼 애물레이터 설정 끝 입니다.!!!!

 

다음엔 vs코드로 프로젝트 생성하겠습니다

 

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

VS코드로 플러터 실행하기 vscode 를 실행하고 코드팔레트창[shift + command + p] 을 열어서 flutter New project 검색한뒤 선택하고, 애플리케이션으로 선택하면 폴더 선택 그리고 어디에 저장할건지 폴더

peekaboo32.tistory.com