inblog logo
|
Uni

    7. Flutter 설치

    Flutter
    홍윤's avatar
    홍윤
    Sep 24, 2024
    7. Flutter 설치
    Contents
    1. flutter 설치하기1. 검색창에 flutter 검색하고 Install 클릭하기2. Windows 용 선택하기3. 환경변수 설정4. cmd 켜서 flutter 들어갔는지 확인하기 5. android studio download 하기6. android studio 설치 후 plugins 찾고 flutter → Install 하기7. cmd 창에서 flutter doctor + Enter 후 확인하기8. Tools → SDK Manager → 밑에 빨간 테두리 선택하고 apply 9. Apply 후 cmd창에 flutter doctor + Enter 후 flutter doctor — android-license cmd창에 복사 붙여넣기 하고 y 계속 눌러주기10. Device Manager 클릭 후 동기화 한번 해주기, 성공하면 밑에 Device 화면이 나옴!11. main.dart 에 homepage title 바꿔보기12. chrome, web 등등 클릭해서 선택하면 내가 쓴 코드를 해석해서 인식해준다.mac은 잘 모르기 때문에 나중에 맥을 사게 된다면 올려보겠다.

    1. flutter 설치하기

    1. 검색창에 flutter 검색하고 Install 클릭하기

    notion image

    2. Windows 용 선택하기

    notion image
    notion image

    3. 환경변수 설정

    • export 따라하면 안된다. 시스템관리 → 시스템고급설정→환경변수 → path → sdk 경로 찾아서 붙어넣
    notion image
    notion image

    4. cmd 켜서 flutter 들어갔는지 확인하기

    • flutter —version + Enter
    • 밑 화면 처럼 뜬다면 환경변수에 잘 들어갔다!
    notion image

    5. android studio download 하기

    notion image
    notion image

    6. android studio 설치 후 plugins 찾고 flutter → Install 하기

    notion image
    notion image
    notion image

    7. cmd 창에서 flutter doctor + Enter 후 확인하기

    • Android toolchain 인 “!” 가 되어 있을 거다.
    notion image

    8. Tools → SDK Manager → 밑에 빨간 테두리 선택하고 apply

    notion image
    notion image

    9. Apply 후 cmd창에 flutter doctor + Enter 후 flutter doctor — android-license cmd창에 복사 붙여넣기 하고 y 계속 눌러주기

    notion image
    notion image

    10. Device Manager 클릭 후 동기화 한번 해주기, 성공하면 밑에 Device 화면이 나옴!

    notion image
    notion image

    11. main.dart 에 homepage title 바꿔보기

    notion image

    12. chrome, web 등등 클릭해서 선택하면 내가 쓴 코드를 해석해서 인식해준다.

    notion image
     

    mac은 잘 모르기 때문에 나중에 맥을 사게 된다면 올려보겠다.

    notion image
    notion image
    notion image
    Share article

    Uni

    RSS·Powered by Inblog