Flutter 환경 구축 - 1 (Flutter SDK 설치편)

소개



Flutter의 개발 환경 구축의 순서에 대해 설명합니다.
이번은 「Flutter SDK 설치편」입니다!
또 이번 해설에서는, 제 자신이 macOS를 사용하고 있다고 하는 것도 있어, macOS에서의 순서 해설이 됩니다.
Windows·Linux를 사용되고 있는 분은 별도, Flutter 공식 사이트의 Windows 버전 · Linux 버전 등을 참조해 주십시오.

Flutter 환경 구축 시리즈
· Flutter 환경 구축 - 2(Xcode・iOS 시뮬레이터 셋업편)
· Flutter 환경 구축 - 3(Android Studio・Android 에뮬레이터 셋업편)
· Flutter 환경 구축 - 4(VSCode 셋업편)

"Flutter SDK 설치편"에서 할 일



이 기사에서는 다음 항목을 수행합니다.
  • Flutter SDK 설치
  • Flutter 명령 설정

  • 시스템 요구 사항



    먼저 Flutter를 설치하고 실행하려면 다음 요구 사항을 충족해야 합니다.

  • 운영 체제 (OS) : macOS (64 비트)

  • 디스크 공간 : 2.8GB (IDE/도구 디스크 공간 포함되지 않음)

  • 도구: 다음 명령줄 도구를 사용할 수 있어야 합니다.
  • bash
  • curl
  • git 2.x
  • mkdir
  • rm
  • unzip
  • which
  • zip


  • 이 조건이 갖추어져 있으면, 조속 환경 구축해 갑시다!

    Flutter SDK 설치



    1.Flutter SDK 설치



    Flutter 공식 사이트 오른쪽 상단의 "Get started"를 클릭


    install 페이지에 오면 macOS를 선택


    Get the Flutter SDK 열의 다운로드 버튼을 클릭하고 Flutter SDK 다운로드


    완료되면 다운로드한 zip 파일을 클릭하여 압축 해제
    Mac에서는 기본 "Downloads"안에 다운로드되고 있다고 생각합니다.
    압축을 풀면 다음 항목에서 터미널에서 명령을 실행합니다.

    Flutter 명령 설정



    터미널에서 다음을 실행합니다.

    1.Flutter를 경로에 항상 추가



    홈 디렉토리로 이동
    cd
    

    "development"디렉토리 만들기
    mkdir development
    

    만든 "development"디렉토리로 이동
    cd development
    

    "flutter"파일을 "development"디렉토리로 이동
    사용자 이름은 각 사용자 이름을 입력하십시오.
    또한 설치된 flutter 파일의 위치에 따라 여기를 다시 작성하십시오.
    mv /Users/ユーザー名/Downloads/flutter ./
    

    flutter 파일로 이동
    cd flutter
    

    Flutter를 경로에 항상 추가
    vi ~/.bash_profile
    

    "i"를 입력하여 삽입 모드로 전환하고 export PATH의 시작 부분에 다음 코드를 입력합니다.
    유저명은 각자 유저명을 기술해 주세요.
    경로 구분 기호 ":"를 잊지 마십시오.
    /Users/ユーザー名/development/flutter/bin:
    

    전체 코드(예)
    export PATH="/Users/ユーザー名/development/flutter/bin:~/.rbenv/shims:/usr/local/bin:$PATH"
    esc 키로 삽입 모드를 종료합니다.

    편집이 완료되면 ":wq"를 입력하고 Enter에서 편집을 종료합니다.
    :wq
    

    2.Flutter 명령을 실행할 수 있도록 합니다.


    source ~/.bash_profile
    

    3.Flutter 명령 실행


    flutter
    

    그러면 명령이 실행되고 "Welcome to Flutter!"라고 표시됩니다.


    이제 Flutter 명령을 실행할 수 있습니다!

    마지막으로



    이것으로 「Flutter SDK 설치편」은 종료됩니다. 수고하셨습니다.

    끝까지 봐 주셔서 감사합니다.

    Flutter 환경 구축 시리즈
    · Flutter 환경 구축 - 2(Xcode・iOS 시뮬레이터 셋업편)
    · Flutter 환경 구축 - 3(Android Studio・Android 에뮬레이터 셋업편)
    · Flutter 환경 구축 - 4(VSCode 셋업편)

    참고 사이트[ Flutter 공식 사이트 ]

    좋은 웹페이지 즐겨찾기