무회blog

Flutter 설치하기 본문

IT

Flutter 설치하기

최무회 2024. 9. 15. 02:05

요약 : 

1번 ,플러터 설치한다 : https://docs.flutter.dev/get-started/install/windows/mobile

2번 , 안드로이드 스튜디오를 설칠한다 : https://developer.android.com/studio?hl=ko 

설명 :  , 첫번째링크를 눌러서 다운로드 한다  >> Windows  (64비트)  android-studio-2024.1.2.12-windows.exe

3번 , 안드로이드_스튜디오 설치가 끝났다면 , 안드로이드_스튜디오를 들어간후 Plugins 클릭하고 Flutter 를 옆에 입력창에 입력한다 . 

4번 , Projects 를 클릭후 오른쪽에 More Actions > SDK Manager 를 클릭한다 . 

5번 , SK Tools 에서 Andorid SDK Command-line Tools(latest) 를 체크하고 Apply버 클릭하고 확인 버튼 클릭한다. 

6번 , 환경변수에서 Path 들어가서 , 변수를 잡아준다 . (Path 를 두번 클릭하여 들어간다 ) 

7번 , 크롬 브라우저를 설치한다 . 

8번 , PowerShell 들어가서 명령어 flutter doctor 를 입력 후 Enter . 

9번 , 안드로이드 스튜디어 끄고 다시 들어가서 New Flutter Project 클릭한다 . 

, 왼쪽 Flutter 를 클릭한다 (Flutter SDK path 에 , Flutter 압축푼 폴더경로  적어준다 . 그리고 Next 를 클릭한다. ) 

 >> 예시 : D:\d_app\00_FrontEnd\04.Flutter\flutter_windows_3.24.3-stable\flutter

10번 , 프로젝트를 생성한다 

Project name : 앱이름을 쓴다 

, Project location : 앱을 만들 폴더를 지정하는 곳임 

, platforms 는 어떤 곳에 배포할것인  체크하는 것이다 . 

, 다 작성 완료했으면 Create 를 클릭한다 . 

11번 , 프로젝트 생성후 프로젝트가 잘 열리는것 같지 않다면 아래 방법으로 다시 프로젝트 폴더를 열수 있다 .

 , Open 을 클릭한다 . 

, 프로젝트를 선택한후 ok 를 누른다 . 

12 번 , 마지막으로 왼쪽 lib>main.dart 라는 파일을 더블클릭하고 오른쪽편집창에 main.dart 파일이 열리면 성공이다 . 

 

여기까지 본 후 잘 안되는 부분이 잇다면 아래 그림 따라서 해보기 바란다 . 

 

 


 

1번 ,플러터 설치한다 : https://docs.flutter.dev/get-started/install/windows/mobile

설명 : zip 파일을 다운로드 하고 아무데다 압축 풀기를 한다 . (압축 푼 경로를 나중에 사용한다. ) 

 

Start building Flutter Android apps on Windows

Configure your system to develop Flutter mobile apps on Windows.

docs.flutter.dev

 

 

 

2번 , 안드로이드 스튜디오를 설칠한다 : https://developer.android.com/studio?hl=ko 

 

Android 스튜디오 및 앱 도구 다운로드 - Android 개발자  |  Android Studio  |  Android Developers

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

developer.android.com

 

 

설명 :

 , 첫번째링크를 눌러서 다운로드 한다  >> Windows  (64비트)  android-studio-2024.1.2.12-windows.exe

 

3번 , 안드로이드_스튜디오 설치가 끝났다면 , 안드로이드_스튜디오를 들어간후 Plugins 클릭하고 Flutter 를 옆에 입력창에 입력한다 . 

 

4번 , Projects 를 클릭후 오른쪽에 More Actions > SDK Manager 를 클릭한다 . 

 

5번 , SK Tools 에서 Andorid SDK Command-line Tools(latest) 를 체크하고 Apply버 클릭하고 확인 버튼 클릭한다. 

 

6번 , 환경변수에서 Path 들어가서 , 변수를 잡아준다 . (Path 를 두번 클릭하여 들어간다 ) 

 

설명 :

, 새로만들기 클릭한다

,  Flutter 압축풀기 한 폴더 들어가서 bin 폴더 경로를 복사하여 붙혀넣는다 .

, (bin글짜까지 포함 되여야 한다 .)  예: D:\d_app\00_FrontEnd\04.Flutter\flutter_windows_3.24.3-stable\flutter\bin

, 확인 후 저장 확인 한다 . 

 

7번 , 크롬 브라우저를 설치한다 . 

8번 , PowerShell 들어가서 명령어 flutter doctor 를 입력 후 Enter . 

 

9번 , 안드로이드 스튜디어 끄고 다시 들어가서 New Flutter Project 클릭한다 . 

, 왼쪽 Flutter 를 클릭한다 (Flutter SDK path 에 , Flutter 압축푼 폴더경로  적어준다 . 그리고 Next 를 클릭한다. ) 

 >> 예시 : D:\d_app\00_FrontEnd\04.Flutter\flutter_windows_3.24.3-stable\flutter

 

10번 , 프로젝트를 생성한다 

Project name : 앱이름을 쓴다 

, Project location : 앱을 만들 폴더를 지정하는 곳임 

, platforms 는 어떤 곳에 배포할것인지 체크하는 것이다 . 

, 다 작성 완료했으면 Create 를 클릭한다 . 

11번 , 프로젝트 생성후 프로젝트가 잘 열리는것 같지 않다면 아래 방법으로 다시 프로젝트 폴더를 열수 있다 .

 , Open 을 클릭한다 . 

, 프로젝트를 선택한후 ok 를 누른다 . 

 

 

 

12 번 , 마지막으로 왼쪽 lib>main.dart 라는 파일을 더블클릭하고 오른쪽편집창에 main.dart 파일이 열리면 성공이다 . 

 

 

끝 

Comments