본문 바로가기
App Dev/Flutter

[Flutter] Flutter 설치 셋팅하고 프로젝트 만들기(android studio)

by hyen_ 2023. 4. 24.
300x250

1.flutter install 

Flutter SDK 다운받아서 C드라이브에 Flutter 폴더 만들어서 압축풀기 (경로 기억해야함)

Install | Flutter

 

Install

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

docs.flutter.dev

 

 

 

2. android studio install

안드로이드스튜디오 설치하기

Android 스튜디오 설치  |  Android 개발자  |  Android Developers

 

Android 스튜디오 설치  |  Android Developers

Windows, macOS 또는 Linux에서 Android 스튜디오를 설정 및 설치합니다.

developer.android.com

 

 

2-1. 환경설정(Flutter download)

안드로이드스튜디오 > Plugins > Marketplace에서 flutter 검색해서 설치하기

(선택사항) atom one dark검색해서 다운받으면 검은색테마됨

 

 

2-2. 환경설정(SDK Manager)

안드로이드스튜디오 Projects > 하단에 More Actions 누르면 SDK Manager 

(SDK Manager 없으면 아래 이미지참고하세요. 화면 상단에  ... 누르면 있습니다)

 

SDK Tools 탭을 누르고 Android SDK Command-line Tools > Apply 눌러서 설치하기

AMD Hyper ~~, Intel HAXM~~ 가 없다고 해도 일단 무시하기

 

 


3. 환경변수등록

(WINDOW기준)

검색메뉴 > 시스템 환경변수 편집 > (하단에 있는) 환경변수 > 위쪽에 있는 Path 클릭> 편집 > 새로만들기 >C:\flutter\flutter\bin (플러터 폴더안에 있는 bin폴더 경로를 붙여주기)> 확인

 

 

4. 잘 설치되었나 확인하기

cmd에서 flutter doctor 명령어 작성해보기

!Some 으로 시작하는 오류는 그 줄에 있는 명령어(flutter doctor --android-licenses) 입력해서 뭐 나오면 엔터치면서 모두 동의해주기

크롬얘기나오면 크롬 브라우저 설치해주기

 

 

 

5. 프로젝트만들기

Android Studio  > New Project > Flutter > C:\flutter\  (flutter SDK 압축 풀었던 폴더있는 경로)> Next 

 

Project name : 프로젝트 이름작성 (소문자여야한다)

Project location : 프로젝트 저장경로 (가급적 폴더를 만들어두고 그안에 포커싱두는게 깔끔하다)

Platforms은 배포할 형태인데, 우선 Android IOS로 진행한다.

 

 

 

 

flutter 한글오류표시 밑줄 지우는법

한글부분 오타났다고 밑줄로 표시되는 경우에는 

표시가 싫다면 Fuile > Settins > Editor > Inspections > 상단 Profile - Default 선택 > Proofreading > Typo부분을 체크

300x250
반응형

댓글