flutter 설치에 대한 자세한 설명(Windows/Mac)

Visual Studio Code를 사용하기 위한 사전 요구 사항을 개발합니다.
Windows의 경우
  • Android Studio를 미리 설치합니다.
  • Visual Studio Code를 미리 설치합니다.
  • Visual Studio 2019 설치 및 C++ 데스크톱 개발 환경 설치(Windows 데스크톱 응용 프로그램 개발시)
  • fluter에서 공식적으로 다운로드하여 zip을 펼친다.적당한 서류철에 넣다.
  • PATH를 SDK/fluter/bin에서 분리합니다.
  • flutter doctor해봐.
  • sdkmanage가 없음을 알리는 경우:
    Android Studio의 SDK Manager를 열고 SDK Tools 탭에서 Android SDK Command-line tools 를 선택하고 Apply 키를 누릅니다.만약 동의 허가증을 요구받게 된다면 나는 동의할 것이다.

    위의 화면은 맥이지만 윈도우즈도 마찬가지다.
    Android SDK 라이센스에 동의하지 않는 경우
    > flutter doctor --android-licenses
    
    그리고 모두 Y로 대답한다.
    ADK Manager로 가상 장치 만들기
    이것을 하지 않아도 앱을 만들 수 있지만 아무것도 없으면 동작을 확인할 수 없다.
    Android SDK의 ADAVD Manager를 사용하여 가상 장치를 미리 만듭니다.기본 항목 중에서 선택할 수 있습니다.
    어떤 가상 장치의 안드로이드 버전을 선택해야 합니까?망설인다면 최신 버전을 먼저 선택하면 된다.
    Windows 데스크탑을 개발할 때
    $  flutter config --enable-windows-desktop
    
    미리
    Visual Studio Code 설정
    fluter의 플러그인을 말아라.
    F1과 fluter를 누르면 fluter new 프로젝트가 표시되므로 그것을 선택하십시오.
    다음 단계에서는 Android SDK 설치 폴더를 지정해야 할 수 있습니다.이 경우 <ユーザのフォルダ>/AppData/Android/SDK를 지정합니다.
    플랫터의 SDK를 지목한 곳이라고 할 수도 있다.이 경우에도 flutter를 놓을 곳을 지정해야 한다.
    그리고 Application을 선택하면 응용 프로그램의 초기 형태를 만들 수 있다.
    오른쪽 하단에는 NO DEVICE라고 파란색으로 쓰여 있으며 안드로이드의 가상 장치를 선택합니다.여기서 Windows Desktop을 선택하면 Windows용 바이너리가 토출됩니다.
    VScode에서 터미널 열기
    > flutter run
    
    .선택한 가상 장치의 바이너리를 생성하면 가상 장치나 데스크톱 응용 프로그램이 자동으로 시작됩니다.
    필요에 따라 Android Studio 측면에 fluter의 플러그 인 등을 삽입합니다.
    Mac의 경우
    프로그램 자체가 같다.
  • Android Studio를 설치합니다.
  • Xcode 설치(최신 버전으로 만들기)
  • fluter에서 공식적으로 다운로드하여 zip을 펼친다.적당한 서류철에 넣다.
  • PATH를 SDK/fluter/bin에서 분리합니다.
  • flutter doctor해봐.
  • Xcode를 0부터 설치할 경우
    다음 명령을 실행해야 할 수도 있습니다
    $ sudo xcode-select —switch /Applications/Xcode.app/Contents/Developer
    $ sudo xcodebuild -license
    
    코코아팟이 없다고 했을 때.
    $ sudo gem install cocoapods
    
    .이때 루비의 버전은 3이다.만약 x가 아니라면gem가 정상적으로 작동할 수 없습니다. 때때로 오류가 발생할 수 있습니다.mac에 미리 설치된 기본 버전 (2.x 시스템) 중 최소한 실패할 수 있습니다.
    처리로 rbenv를 설치하고 루비 버전을 3 이상으로 설정한 후gem를 실행합니다.brew와gem를 업데이트해야 할 수도 있습니다.
    brew의 업데이트
    $ brew update
    $ brew upgrade
    
    상황에 따라 다음과 같은 내용을 먼저 쓸 필요가 있다.
    $  git -C /usr/local/Homebrew/Library/Taps/homebrew/homebrew-core fetch --unshallow
    $ git -C /usr/local/Homebrew/Library/Taps/homebrew/homebrew-cask fetch --unshallow
    
    rbenv 설치
    $ brew install rbenv
    $ rbenv install -l
    2.6.9
    2.7.5
    3.0.3
    $ rbenv install 3.0.3
    $ rbenv 3.0.3
    
    .bash_profile에 다음 내용을 추가하여 터미널을 시작합니다.
    export PATH="$PATH:$HOME/.rbeng/bin"
    eval "$(rbenv init - bash)"
    
    이렇게 되면 버전이 바뀔 거예요.
    $ ruby -v
    3.0.3
    
    gem의 업데이트
    $ sudo gem install rubygems-update
    
    cococoaped 설치
    $ sudo gem install cocoapods
    
    이렇게 되면 flutter doctor도 욕 안 먹어요.
    맥 데스크톱을 개발할 때
    $  flutter config --enable-macos-desktop
    
    미리
    Android Studio 설정
    이 부근은 Windows와 기본적으로 같다.
    Visual Studio Code 설정
    이 근처도 Windows와 같습니다.
    참고 자료
  • 7 분이면 된다!Flutter Firebase Auth 패키지로 간편하게 인증 가능!
  • flutter 환경을 구축하려면 잘 어울려요.
  • 함정 회피 노트
    Windows의 Visual Studio는 2019가 안 되면 안 됩니다.
    윈도우즈에서 관리자가 아닌 사용자의 PATH는 'Windows 시스템 도구' 의 '제어판' 에서 '사용자 계정' 을 선택하고 '환경 변수' 에서 변경합니다.디바이스에서 변경한 경우 관리자의 PATH만 변경할 수 있습니다.
    VScode 터미널의 기본값은 Command Proompt(기본 모드 63;)가 되는 경우가 있습니다.Power Shell 또는 Git Bash로 변경됩니다.PATH를 변경한 경우 VScode 자체를 다시 시작해야 합니다.

    좋은 웹페이지 즐겨찾기