ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • flutter 윈도우 개발 환경 세팅
    프로그래밍/flutter로 앱만들기 2024. 5. 26. 20:44
    728x90
    반응형

     

     

     

     

     

    일기 어플을 운영을 하면서 사용자가 늘면서 서버비가 너무 들어서 고민을 하다가

    서버비가 들지 않도록 네이티브 어플로 추가 개발을 하려고 한다. 

     

     

    flutter 개발 환경 설정하기

     

    flutter sdk 다운로드 받기

     

     

    https://docs.flutter.dev/get-started/install/windows#flutter-sdk-%EB%8B%A4%EC%9A%B4%EB%A1%9C%EB%93%9C

     

    Windows install

    How to install on Windows.

    docs.flutter.dev

     

    flutter_windows_3.3.5-stable 파일을 다운로드 받아 

    압축 풀어보니 사이즈가 2.3기가 ㄷㄷ

    압축을 푼 폴더의 bin 디렉토리 경로를 복사해서 

    아래와 같이 시스템 환경 변수에 추가한다.  

     

     

     

     

     

     

     

     

    cmd로 명령 프롬프트를 실행시킨후

    flutter --version 를 입력하여 제대로 버전이 나오면 설치가 제대로 된 것임. 

     

     

     

     

    개발툴 설치 

     

    flutter는 안드로이드 스튜디오나 vscode 둘 다 에서 개발이 가능한데 

    각각 설치해서 개발 환경을 설정해보겠다. 

     

     

    visual studio 설치하기 

     

    https://code.visualstudio.com/

     

    위 사이트에서 윈도우 설치 파일을 받아 설치한다 

    설치 후 extension아이콘을 클릭하여 flutter, dart, awesome flutter snippets 플러그인을 설치한다.  

     

     

     

     

     

    android studio 설정하기

     

     

     

    안드로이드 스튜디오는 기존에 설치된 것이 있어서 플러그인을 추가로 설치하면 된다. 

     

     

    파일 - setting - plugin에서 flutter를 설치하면 dart도 설치하라고 안내해서 둘 다 설치 완료하고 재시작하였다. 

     

    파일에서 새 flutter 프로젝트가 선택하면 아래와 같이 프로젝트 설정을 할 수 있다. 

     

     

     

     

     

     

     

     

    명령창에서 flutter doctor 를 실행해서 개발 환경이 제대로 설정되었는지 확인해보았다.

     

    안드로이드 스튜디오 관련 설정에서 X가 나온 것들을 하나씩 설정했다. 

     

     

     

     

    Unable to locate Andriod SKD

     

    프로젝트 구조에서 안드로이드 sdk  위치를 확인하고 flutter config --android-sdk 'sdk 경로'를 입력하였다. 

     

     

     

    그리고  다시 flutter doctor를 실행해보니 아래와 같이 결과가 변경되었다. 

     

     

     

     

    cmdline-tools componenet is missing


    안드로이드 스튜디오에서 tools-sdk manager에서 SDK Tools에서 Android SDK Command-line Tools (latest)를 선택해서 설치한다.  

     

     

     

    관련 이슈는 해결되었는데 뭔가 전반적으로 JAVA 설정이 제대로 안되어 있는 것 같다. 

     

     

     

     

    Cannot execute E:/JAVA/bin/java to determine the version

     

    제어판에서 확인해보니 JAVA_HOME 변수가 지금은 없는 경로로 잘 못 설정되어 있어서 수정하였다. 

     

     

     

    android-studio-dir= D:\android_giraffe\jbr

     

     

     

    안드로이드 스튜디오 경로가 잘 못 설정되어 있어서 이것도 아래와 같이 수정했다. 

     

    flutter config --android-studio-dir D:\android_giraffe

     

     

     

    그리고 안드로이드 경로를 재 설정해준다. 

     

    flutter doctor --android-licenses

     

     

    그리고도 자바 관련 이슈가 하나 남아있다. 

     

     

     

     

    Unable to find bundled Java version

     

     

     

    구글링해보니 안드로이드 스튜디오 jbr 폴더 내용을 복사해서 jre에 붙여넣기 하면 이슈가 해결된다고 한다?!

     

    안드로이드 스튜디오에서 버전별로 flutter와 경로가 안 맞나 본데 정확한 이유를 모르겠지만 정말 그렇게 하니 해결이 되었다...!

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

    깔끔하게 환경 설정이 마무리되었다. 

    그런데 생각보다 시간이 오래 걸렸다;; 

    이제 안드로이드 스튜디오에서 flutter 프로젝트를 실행해보겠다. 

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

    참고

    https://velog.io/@hkjs96/Flutter-%ED%99%98%EA%B2%BD-%EC%84%A4%EC%A0%95

     

     

     

    728x90
    반응형
Designed by Tistory.