소개

(2020/5/4 투고)
GW는 완전히 수업뿐. 뭐 공부 이외로 하는 일 거의 없으니까 어떠세요. 아무래도 사문 남자입니다.
오늘은 Flutter의 환경 구축을 실시해 가고 싶습니다.

Flutter의 공식 사이트의 환경 설정 순서는 매우 정중합니다만, 그래도 희소한 나에게는 중노동이었으므로 정리해 둡니다.

Flutter란 무엇인가? 왜 초보자 엔지니어가 Flutter에서 들어갔습니까? 같은 것은

제1화 “Flutter에 대한 아래 조사”
htps : // 코 m / 어쩌면 / ms / 36 네 4 92247f4595d64 에

이 기사에서 확인하십시오.

그래서 가시가시 진행하겠습니다!

전제 사항

설치 시작하기 전에 먼저 내 환경 소개와 Flutter 버전에서.

내 환경

X Code 버전

버전 11.4.1

Flutter 버전

Flutter for Mac OS ver1.12.13

환경 구축

단계 1: "Flutter 공식에 액세스하고 Flutter를 DL"

우선은 Flutter 공식 에 액세스.
거기에서
Get Started를 클릭합니다.
↓
MacOS 선택
↓
다운로드 버튼에서 다운로드

이것으로 1단계가 완료됩니다.

2단계: Flutter를 움직이는 방법

Flutter를 다운로드한 후 이번에는 Mac 터미널을 엽니다.

2-1. 터미널에서 ZIP 파일 확장

원하는 폴더를 만들고 거기에 ZIP을 확장합니다.

#展開するファイルの指定(Desktopと書いてある部分を任意に変更)
$ cd Desktop 

#展開する
$ unzip ~/Downloads/flutter_macos_v1.12.13+hotfix.9-stable.zip

이 명령이 잘 작동하고 임의로 선택한 파일이 이미지와 같은 상태에 있으면 괜찮습니다.

2-2 Xcode 설치

이것은 App Store에서 다운로드하기만 하면 됩니다. 간단.


설치가 완료되면 라이센스를 허가하시겠습니까? 라는 취지의 메시지가 나오므로 망설이지 않고 허가를 누르자.

2-3 다시 터미널에서 명령을 입력

허가가 되면, 여기로부터 터미널에서의 조작입니다.
복사하고 붙이면 괜찮습니다. 제 경우에는 잘 모르기 때문에 한 줄씩 붙였습니다.

#flutterツールをパスに追加
$ export PATH="$PATH:`pwd`/flutter/bin"

#Flutterを開発バイナリと連携?
$ flutter precache

이 작업이 성공하면 다음 이미지와 같은 메시지가 터미널에 표시됩니다.
여기까지 오면 2단계는 확실합니다.

3단계: Xcode 시뮬레이터에서 확인해 보세요.

여기까지 주면 나머지는 확인 단계.
Xcode를 오래전에 설치한 분은 버전을 올려 둡시다.
버전이 최신 상태인지 확인하고 먼저 시뮬레이터를 엽니다.

3-1 iOS 시뮬레이터 열기

이것은 GUI로 조작해도 명령을 넣어도 상관없습니다.

open -a Simulator

iPhone 화면이 나오면 이 단계는 클리어입니다.

3-2 간단한 앱 만들기 및 실행

터미널에 명령을 입력합시다.
역할은 주석 처리로 표시됩니다. 실행에 시간이 걸리는 것도 있기 때문에 1 행씩이 베터입니다.

#新しいFlutterアプリ(my_appという名前)を作成
$ flutter create my_app

#ディレクトリ移動
$ cd my_app

#シュミレーターでアプリ起動
$ flutter run

잘 실행할 수 있다면 이러한 이미지처럼 보입니다.



이 샘플 앱은 아무래도 오른쪽 하단의 + 버튼을 몇 번 누른지 아는 앱 같네요.

여기까지 오면 일단 환경 구축은 끝납니다.

iPhone을 가지고 있어 실기로 테스트하고 싶다고 하는 사람은 여기로부터 증명서의 발행 등 또 한마디 있는 것 같습니다만,,,,

환경 구축의 감상

처음의 환경 구축이었지만 꾸준히 가서 어떻게든 끝낼 수 있었습니다.
아는 사람에게는 Flutter 공식의 설명은 알기 쉽다고 생각합니다.

다음 번은 어떻게 하면 반영되는지이거나 어디를 괴롭히면 좋을지 모르겠기 때문에 여러가지 만져보고 보고 싶습니다.

그럼 또!