M1 MacBook에서 Flutter의 환경 구축을 하는 권

이 기사는 M1 MacBookAir를 구입하여 거의 모바일 앱 개발 기술이 없는 상태에서 Flutter 앱을 개발해 나가는 과정을 기술한 학습 기록입니다.

이번에는, Flutter(플러터)의 환경 구축을 해 갑니다

환경 구축이란, 그 언어를 쓰는데 필요한 도구를 자신의 PC에 넣어 사용할 수 있도록 하는 작업입니다(나의 경우 Flutter를 쓰는데 필요한 도구라고 하는군요)

정확한 정의를 모른다()

미세한 것은 신경 쓰지 않습니다. 사용하면 됩니다.

그럼, 내가 한 환경 구축의 흐름을 대략 써 갑니다

운영 환경

macOS Big Sur 버전 11.2
13인치 MacBook Air(M1 2020)
8코어 CPU 7코어 GPU
메모리 8GB
스토리지 256GB

Flutter SDK 다운로드

Flutter 공식
htps : // f ぅ라고 r. 에서 v/

먼저 공식에서 Flutter를 다운로드하여 모든 디렉토리에 압축을 풉니 다.

내 PC에서 /Users/haruaki/Developer/flutter/

패스를 통과

다음은 패스를 통과하는 작업을 합니다

요점은 패스를 통해서 사용할 수 있도록 하는 것입니다(설명이 되어 있지 않다)

vim .bash_profile

터미널을 열고 vim에서 bash_profile이라는 파일을 편집합니다.
i 에서 인서트 모드로 들어가 FlutterSDK를 둔 디렉토리의 경로를 씁니다.

export PATH="$PATH:/Users/haruaki/Developer/flutter/bin"

esc 키를 눌러 :wq 로 저장

내 경우에는 오류가 발생하고 :wq!로 저장할 수있었습니다.

어떤 오류였는지 잊었다()

which flutter

에서 패스가 통과하는지 확인

요시!

이제 Flutter 다운로드와 Flutter 경로를 통과 할 수있었습니다.

Android Studio 설치

AndroidStudio 공식
htps : //로 ゔぇぺぺr. 안 d로이 d. 코 m / s 츠오

공식에서 AndroidStudio를 다운로드하고 에뮬레이터라는 것을 사용하여 PC에 Android 환경을 재현합니다.

도중에 Flutter 플러그인을 설치 (제대로 스쿠쇼를 찍어 ←)

2020/12/4에 Android 에뮬레이터의 미리보기 버전이 나오는 것 같습니다.

대응 상황의 변화가 아직 과도기라는 느낌이 들고 즐겁다.

Android 에뮬레이터(미리 보기 버전)
htps : // 안 d로이ds ぢ오. 오 g b b g. 이 m/2020/12/안 d로이 d-에무아와 r아 p-ぇ-ぃこんp ゔぃ에 w. HTML

이 YouTube 동영상을 참고로 설치
htps: //같다. 베 / Y 주 CX


Android 에뮬레이터를 빌드했습니다.

초기 상태의 앱이 표시됩니다 (무언가 누르면 숫자가 늘어납니다)

여담이지만 Android는 에뮬레이터, iOS는 시뮬레이터라고 부르는 것 같습니다.

부르는 방법도 에뮬레이터인지 에뮬레이터인지 잘 모르겠지만 그 근처를 살펴 보면 재미있을 것 같습니다.

Xcode 설치

AppStore
htps : // 아르 ps. 아 ぇ. 코 m / jp / 아 p / x 코 / d497799835

다음은 iOS 시뮬레이터에서 iOS 환경을 재현합니다.

AppStore에서 iOS 시뮬레이터 Xcode 설치


그리고 iOS 시뮬레이터를 디버그

이제 Android와 iOS 에뮬레이터 시뮬레이터를 빌드 할 수있었습니다.

환경 구축은 완료

내 수고하셨습니다 (?)

이번에 참고하신 기사
htps : // 전. v / h dr / a rc c / s / 14689 c937 a f1f

이번에 참고했던 동영상
htps: //같다. 베 / kp ゔ ぇ f DCRc

마지막으로

M1 MacBook에서의 환경 구축이었습니다만, Flutter는 대체로 동작하고 있는 것 같아, 여기까지는 비교적 순조롭게 진행할 수 있었습니다

그리고 개발 환경이 갖추어져 앞으로 앱 개발이 가능한 상태가 되었습니다.

와이

나중에 오류가 발생했을 때 스쿠 쇼가 제대로 찍지 않으면 잊을 것입니다.

(덧붙여서 말하는 것은 시리즈화하는데 알기 쉬울 것이라고 생각했을 뿐이므로 특히 의미는 없습니다)

다음 번에는 Flutter의 Widget (위젯) 사용법을 배울 예정입니다.