flutter 개발 환경 셋팅

2024. 2. 17. 09:11카테고리 없음

1. 플러터 설치

https://flutter-ko.dev/get-started/install

 

Choose your development platform to get started

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

docs.flutter.dev

설치하고 사용자 > 내 폴더로 이동함


2. 안드로이드 스튜디오 설치

https://developer.android.com/studio/install?hl=ko

 

Android 스튜디오 설치  |  Android Developers

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

developer.android.com

난 m2 맥이라서 arm 버전 설치함!


3. 안드로이드 스튜디오 셋팅

안드로이드 스튜디오 실행하고

Plugins > flutter 설치

Projects > SDK Manager > SDK Tools > Android SDK Command-line Tools 체크하고 Apply 및 OK 클릭

 

나는 VSCode Theme, VSCode Keymap 플러그인도 설치함!


4. 환경 변수 등록

touch ~/.zshrc
open ~/.zshrc

터미널에서 위 명령어 실행하기

나는 이미 파일이 있어서 바로 오픈함

 

export PATH="$PATH:플러터경로/bin"

이거 추가하고 저장 후 닫기

나는 export PATH="$PATH:/Users/ahngaeul/flutter/bin" 추가함

 

flutter doctor

맥북 재시동 후 터미널열고 위 명령어 실행하면

 

요로케 뜬다! 등록 잘 된것임


5. 프로젝트 생성

안드로이드 스튜디오 > Projects > New Flutter Project 클릭

Generators > Flutter > Flutter SDK path 에 플러터 경로 적어주기

나는 자동으로 경로가 작성되어 있었음

 

Next 클릭 후 프로젝트명, 프로젝트 경로 잘 설정하고 Create 클릭

 

lib > main.dart 파일이 메인페이지임

 

미리보기를 Chrome (web) 으로 설정하고 Run 버튼 클릭 하면

크롬에서 어플 화면을 미리 볼 수 있음!

 

 

참고로 VSCode 에서 Flutter 익스텐션 설치하면 VSCode 에서도 코드짤 수 있음!

크롬으로 미리보기도 가능함


한글 작성 시 밑줄 표시 없애기

상단 Android Studio > Settings > Editor > Inspections > Profile을 Default로 선택 > Proofreading > Typo 체크 해제

 

린트 끄기

windows > analysis_options.yaml 파일 하단의 linter > rules 에 코드 추가

  prefer_const_constructors: false
  avoid_print: false
  prefer_typing_uninitialized_variables: false
  prefer_const_constructors_in_immutables: false
  prefer_const_literals_to_create_immutables: false

 

 

끗!