본문 바로가기

Web Dev

Linux Ubuntu 22.04 에 Flutter +Android Studio 설치 및 세팅!

반응형

 

Install

Install Flutter and get started. Downloads available for Windows, macOS, Linux, and Chrome OS operating systems.

docs.flutter.dev

https://www.youtube.com/watch?v=e63OlW_2gpQ 

 

Install

Install Flutter and get started. Downloads available for Windows, macOS, Linux, and Chrome OS operating systems.

docs.flutter.dev

System requirements

To install and run Flutter, your development environment must meet these minimum requirements:

Flutter를 설치하고 실행하려면 개발 환경이 다음과 같은 최소 요구 사항을 충족해야 합니다:

  • Operating Systems: Linux (64-bit)
  • Disk Space: 600 MB (does not include disk space for IDE/tools).
  • Tools: Flutter depends on these command-line tools being available in your environment.
    • bash
    • curl
    • file
    • git 2.x
    • mkdir
    • rm
    • unzip
    • which
    • xz-utils
    • zip
    •  
  • Shared libraries: Flutter test command depends on this library being available in your environment.
  • 공유 라이브러리: 플러터 테스트 명령은 이 라이브러리가 사용자 환경에서 사용 가능한지 여부에 따라 달라집니다 
    • libGLU.so.1 - provided by mesa packages such as libglu1-mesa on Ubuntu/Debian and mesa-libGLU on Fedora.

https://docs.flutter.dev/development/tools/sdk/releases?tab=linux 

이렇게 한번씩 다 확인해줍니다. 다 설치 되어있는거 같으면 굳이 안하셔도 됩니다. 

 

 

Flutter SDK releases

All current Flutter SDK releases, stable, beta, and master.

docs.flutter.dev

파일을 다운 받아줍니다. 

명령어를 보아하니 파일을 하나 만들어 줘야겠네요 각자 취향에 맞게 원하는 위치에  development  파일을 만들어 줍니다. 

cd ~/development
tar xf ~/Downloads/flutter_linux_3.7.5-stable.tar.xz

위 명령어를 실행하면 flutter라는  파일이 생깁니다.

위 화면을 보면 git repository를 통해서도 다운이 가능한데 일단 페스 하겠습니다

/flutter/bin $ pwd #해당 경로에서 꼭 pwd 확인
/home/fdsdfs/sdfsdf/dfdfd/development/flutter/bin

이렇게 풀 경로를 확인해 줍니다. 

그리고 

터미널 창을 하나 더 켜서 

Home 위치에서 

당신의 경로을 업데이트해야한다

 PATH 변수를 업데이트할 수 있습니다. 이 변수를 영구적으로 업데이트하여 모든 터미널 세션에서 플러터 명령을 실행할 수 있습니다. 모든 터미널 세션에 대해 이 변수를 영구적으로 수정하는 단계는 기계에 따라 다릅니다. 일반적으로 새 창을 열 때마다 실행되는 파일에 줄을 추가합니다. 예를 들면 다음과 같습니다.

$ gedit .bashrc

위의 명령어로 .bashrc 파일을 열어줍니다. 

export PATH="$PATH:/home/development/flutter/bin"

맨 마지막에 해당 경로를 복사 붙여넣기 해줍니다. 

터미널 창을 새로 켜서

$ which flutter
/home/development/flutter/bin/flutter

$ which flutter dart
/home/development/flutter/bin/flutter
/home/development/flutter/bin/dart

명령어를 입력하면 경로가 나옵니다. 

$ flutter --version
Flutter 3.7.5 • channel stable • https://github.com/flutter/flutter.git
Framework • revision c07f788888 (2일 전) • 2023-02-22 17:52:33 -0600
Engine • revision 0f359063c4
Tools • Dart 2.19.2 • DevTools 2.20.1

  ╔════════════════════════════════════════════════════════════════════════════╗
  ║                 Welcome to Flutter! - https://flutter.dev                  ║
  ║                                                                            ║
  ║ The Flutter tool uses Google Analytics to anonymously report feature usage ║
  ║ statistics and basic crash reports. This data is used to help improve      ║
  ║ Flutter tools over time.                                                   ║
  ║                                                                            ║
  ║ Flutter tool analytics are not sent on the very first run. To disable      ║
  ║ reporting, type 'flutter config --no-analytics'. To display the current    ║
  ║ setting, type 'flutter config'. If you opt out of analytics, an opt-out    ║
  ║ event will be sent, and then no further information will be sent by the    ║
  ║ Flutter tool.                                                              ║
  ║                                                                            ║
  ║ By downloading the Flutter SDK, you agree to the Google Terms of Service.  ║
  ║ Note: The Google Privacy Policy describes how data is handled in this      ║
  ║ service.                                                                   ║
  ║                                                                            ║
  ║ Moreover, Flutter includes the Dart SDK, which may send usage metrics and  ║
  ║ crash reports to Google.                                                   ║
  ║                                                                            ║
  ║ Read about data we send with crash reports:                                ║
  ║ https://flutter.dev/docs/reference/crash-reporting                         ║
  ║                                                                            ║
  ║ See Google's privacy policy:                                               ║
  ║ https://policies.google.com/privacy                                        ║
  ╚════════════════════════════════════════════════════════════════════════════╝

flutter 가 잘 설치된걸 확인했습니다. 

 flutter precache

선택적으로 개발 바이너리를 사전 다운로드합니다:

플러터 도구는 필요에 따라 플랫폼별 개발 바이너리를 다운로드한다. 이러한 아티팩트를 사전 다운로드하는 것이 더 바람직한 시나리오의 경우(예: 밀폐된 빌드 환경 또는 간헐적인 네트워크 가용성), iOS 및 Android 바이너리는 다음을 실행하여 미리 다운로드할 수 있습니다:

 

 

다음으로 Android Studio를 설치해줍니다. 

https://developer.android.com/studio

 

Download Android Studio & App Tools - Android Developers

Android Studio provides app builders with an integrated development environment (IDE) optimized for Android apps. Download Android Studio today.

developer.android.com

쭉 내려서 동의 클릭하면 다운로드 진행된다. 

다운받아진 파일을 클릭한다. 

아까 생성한 development 파일에 압축을 풀어준다. 2기가 넘는 용량이다

flutter 파일 옆에 android-studio 파일이 생겼고

다시 bin 파일 안으로 들어가 준다.

/android-studio/bin $ ./studio.sh

ok 버튼 누르면 studio 시작된다. 

Next -> Next 

에러나서 다시 설치해주었다 

Plugins 에서 Flutter을 검색해서 설치해준다. 

살짝 달라진 화면을 볼 수 있다.

하이픈을 쓰면 안되고 언더바를 써야한다. 

first_project

이와 같이 진행하면 된다. 

리눅스에 뭘 설치하는게 쉽지는 않지만 또 그만큼 내가 원하는 방향으로 설정할 수 있다는 장점이 있다. 

+ 추가 

Tool -> SDK manager -> settings -> System Settings -> Android SDK 

Antroid SDK Command-line Tools 체크 !!  

$ flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, 3.7.5, on Ubuntu 22.04.2 LTS 5.15.0-66-generic,
    locale ko_KR.UTF-8)
[!] Android toolchain - develop for Android devices (Android SDK version 33.0.2)
    ✗ Android license status unknown.
      Run `flutter doctor --android-licenses` to accept the SDK licenses.
      See https://flutter.dev/docs/get-started/install/linux#android-setup for
      more details.
[✓] Chrome - develop for the web
[✗] Linux toolchain - develop for Linux desktop
    ✗ clang++ is required for Linux development.
      It is likely available from your distribution (e.g.: apt install clang),
      or can be downloaded from https://releases.llvm.org/
    ✗ CMake is required for Linux development.
      It is likely available from your distribution (e.g.: apt install cmake),
      or can be downloaded from https://cmake.org/download/
    ✗ ninja is required for Linux development.
      It is likely available from your distribution (e.g.: apt install
      ninja-build), or can be downloaded from
      https://github.com/ninja-build/ninja/releases
    ✗ GTK 3.0 development libraries are required for Linux development.
      They are likely available from your distribution (e.g.: apt install
      libgtk-3-dev)
[!] Android Studio (version 2022.1)
    ✗ Unable to find bundled Java version.
[✓] VS Code (version 1.75.1)
[✓] Connected device (2 available)
[✓] HTTP Host Availability

이렇게 나오는데 하나하나 설치해줘야한단다..... 

$ flutter doctor --android-licenses
$ flutter doctor --android-licenses
Error: A JNI error has occurred, please check your installation and try again
Exception in thread "main" java.lang.UnsupportedClassVersionError: 
com/android/prefs/AndroidLocationsProvider has been compiled by a more recent version of the Java Runtime (class file version 55.0), 
this version of the Java Runtime only recognizes class file versions up to 52.0

요 명령어로 일단 잠재워본다 ... 

sudo apt-get install clang cmake ninja-build pkg-config libgtk-3-dev liblzma-dev

이걸 빼먹었다. 

$ flutter config --android-studio-dir /home/development/android-studio/

입력 하면 결과 

Setting "android-studio-dir" value to
"/home/centumjoonho/joonho/mobile/development/android-studio/".

You may need to restart any open editors for them to read new settings.
반응형