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
끗!