macOS Catallina+Xcode 12+Fluter 환경 구축

6672 단어 AndroidFlutteriOSsdktech

컨디션

  • macOS Catalina
  • Xcode 12
  • Flutter 12.0.4

    • MacOS Catallina의 청결한 설치


    Flutter 환경만 만들면 청결한 설치가 필요하지 않지만 비망록으로 보존됩니다.청결하게 설치하려면 반드시 필요한 파일을 백업한 후에 실행하십시오.

    macOS Catallina 다운로드 및 설치용 USB 메모리 제작

  • App Store에서 macOS Catallina 다운로드
  • 다운로드가 완료되면 설치 프로그램이 시작되지만 설치 후 종료
  • 애플 사이트에 적힌 대로 명령을 실행하여 설치용 USB 메모리 제작
    • # https://support.apple.com/ja-jp/HT201372
$ sudo /Applications/Install\ macOS\ Catalina.app/Contents/Resources/createinstallmedia --volume /Volumes/MyVolume
    MyVolume는 준비된 USB 스토리지에 따라 다릅니다. 다시 읽고 다시 쓰십시오.USB32G의 미디어 이름은 --volume /Volumes/USB32G 등이다.

    MacOS Catallina의 청결한 설치

  • 위에서 준비한 USB 메모리를 Mac에 꽂고 option 키를 누르면 부팅
  • Catallina 설치 디스크를 선택하고 리턴 키
    • 를 누릅니다.
  • macOS復旧의 화면이 나오면 メニュー > 復旧アシスタント > Macを消去...
    • 를 선택한다.
  • Macを消去 화면이 나타나면 "Mac 제거..."
  • このMacを消去してもよろしいですか？인 경우 Macを消去
    • 를 클릭합니다.
  • 잠시 후 자동 재부팅
  • macOSユーティリティ의 화면이 나오면 macOSインストール를 선택하고 続ける 버튼
    • 을 눌러라.
  • macOS Catalinaインストール 화면이 나타나면 続ける
    • 를 클릭합니다.
  • 설치 프로그램에 따라 설치

    • Fluter 환경 구축


    Xcode12 설치

  • App Store에서 Xcode12
    • 검색 및 설치
  • Xcode가 시작되면License Agreement 화면이 나옵니다. 내용 확인Agree 버튼
  • Xcodeが変更を加えようとしています 화면이 나타나고 Mac의 관리자 비밀번호(로그인 비밀번호)를 입력하고 OK 단추
    • 를 누르면
  • Installing components...라는 화면이 나오니까 잠깐 기다려
  • Welcome to Xcode화면 나오면 끝이에요

    • Android Studio 설치


    다른 도구도 사용하기 때문에 JetBrains Toolbox를 통해 설치해야 하지만 안드로이드 스튜디오만 사용하는 사람은 안드로이드 스튜디오 홈페이지에서 설치 프로그램을 다운로드하여 설치하십시오.

  • https://www.jetbrains.com/ja-jp/toolbox-app/에서 다운로드.dmg 파일
  • .dmg 파일을 두 번 클릭하면 JetBrains Toolbox 디스크가 마운트됩니다
    • .
  • JetBrains Toolbox 애플리케이션을 폴더Applications로 끌어서 복제
  • JetBrains Toolbox 애플리케이션을 시작하면'인터넷에서 다운로드한 애플리케이션입니다'開く 라는 질문에
  • JetBrains Toolboxの通知 대화상자가 오른쪽 위에 있을 때 취향에 따라 클릭許可하거나 許可しない하세요許可하고 있습니다JETBRAINS USER AGREEMENT
  • Allow sending anonymous usage statistics to JetBrains 화면 확인 내용, JetBrains에 익명으로 이용 상황을 보낼 때Accept 체크한 후 클릭Android Studio
  • 도구 클래스를 정렬하고 Install 오른쪽This is the Android Software Development Kit License Agreement
    • 을 클릭합니다.
  • I have read and agree with the avove terms and conditions 화면 확인 내용, 체크Install Android Studio, 클릭
  • 조금만 기다리면 설치 완료
  • JetBrains Toolbox 중에서 Android Studio 선택하고 시작
  • '인터넷에서 다운로드한 애플리케이션입니다'開く라는 질문에
    • 를 클릭합니다.
  • Import Android Studio Setting From... 화면 선택Do not import settings 및 클릭OK
  • Data Sharing 내용을 읽은 후 Don't send 또는 Send usage statistics to Google
  • Android Studio Setup Wizard 부팅 후 클릭Next
  • Choose the type of setup you want for Android Studio: 화면 선택Standard 및 클릭Next
  • Select UI Theme 원하는 사람 선택Next
  • Verify Settings에서 내용을 확인하고 Finish를 클릭하여 추가 다운로드와 설치를 시작합니다. 잠시만 기다리세요
  • HAXM installationが変更を加えようとしています가 나타나면 Mac의 로그인 암호를 입력하고 OK
    • 를 클릭합니다.
  • 拡張機能がブロックされました인 경우 セキュリティ環境設定を開く
    • 를 클릭합니다.
  • セキュリティとプライバシー > 一般 열면 왼쪽 아래에 있는 키 아이콘을 클릭하고 화면에 로그인 비밀번호ロックを解除를 입력하고
    • 를 클릭합니다.

  • 오른쪽 開発元"Intel Corporation Apps"のシステムソフトウェアの読み込みがブロックされました。許可
    • 를 클릭합니다.
  • Android Studio Setup Wizard의 화면 표시Silent installation Pass!를 확인한 후 오른쪽 아래에 있는 Finish
    • 를 클릭합니다.
  • 설치 및 기본 설치 완료

    • Fluter SDK 설치


  • https://flutter.dev/docs/get-started/install/macos에서 다운로드flutter_macos_1.20.4-stable.zip(다운로드 폴더로 다운로드)
  • 터미널을 열고 홈 페이지 바로 아래에 development 디렉터리
    • 를 만듭니다.
  • development 디렉터리 바로 아래 unzip 파일, Safari가 다운로드한 후 자동으로 unzip된 경우(zip 파일이 없는 경우), development 디렉터리 바로 아래 unzip된 flutter 디렉터리
    • 를 이동한다.
  • zsh의 PATH에 추가flutter/bin

  • 실행flutter precache, 잠시 기다리면 자동으로 종료

  • 실행flutter doctor, 현재 설치가 부족하여 순서대로 설치
    • #1
$ mkdir ~/development

#2
$ cd ~/development

#3
$ unzip ~/Downloads/flutter_macos_1.20.4-stable.zip
or
$ mv ~/Downloads/flutter .

#4
$ echo 'export PATH=$PATH:~/development/flutter/bin' >> ~/.zshrc
$ exec $SHELL -l

#5
$ flutter precache

#6
$ flutter doctor

    Android licenses not accepted. 대응


    다음을 수행하고 내용을 확인한 후 y를 입력하고Enter키를 눌러라.몇 번 되풀이하다.마지막All SDK package licenses accepted이면 완성입니다.
    $ flutter doctor --android-licenses

    CocoaPods not installed. 대응


    다음을 수행하여 Cocoapds를 설치합니다.
    $ sudo gem install cocoapods
Password: ← ログインパスワードを入力しEnter

    Flutter plugin not installed. Dart plugin not installed. 대응

  • Android Studio 종료 시 시작
  • Welcome to Android Studio 화면 오른쪽 아래Configure에서 선택Plugins
  • Plugins 화면Marketplace 탭을 선택한 상태에서 아래 입력 창에 Flutter
    • 를 입력합니다.
  • 몇 개 출현, Flutter만 적힌 플러그인Install 버튼
    • 을 클릭
  • Third-party Plugin Privacy Note 내용을 읽은 후 Accept
    • 를 클릭합니다.
  • Install Required Plugins 화면에서 Dart 플러그 인 설치 프롬프트Install가 나타나면
    • 를 클릭합니다.
  • Restart IDE 버튼을 클릭하고 IDE and Plugin Updates 화면에서 Restart

    • No devices available. 대응


    테스트용 터미널을 연결하거나 iOS 장치나 안드로이드 장치의 시뮬레이터를 시작합니다.
    이러한 처리를 한 후에 다시 실행flutter doctor하고 No issures found!하면 설정이 완료됩니다.

    최후


    먼저 환경 구축만 하고 문서에 정리했다.zenn.dev에 대한 투고 테스트도 겸하고 있습니다.
    Neovim의 라이브 대체
    Giit의 내부 구조를 이용하여 특정 디렉터리만 clone하는 방법

    좋은 웹페이지 즐겨찾기

    개발자 우수 사이트 수집

    개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
    best100-homepage