[Flutter] 개발환경 세팅하기 (맥 OS/ m1)
*맥 OS Apple Silicon 환경을 기반으로 개발환경 세팅을 진행한 글 입니다.
1. Rosetta 번역 환경을 설정
sudo softwareupdate --install-rosetta --agree-to-license
Rosetta 번역 환경 설정을 위한 코드 (진행 안해도 되는건지는 모르겠으나 나 같은경우 하지 않으니 오류가 발생했음..ㅠㅜ)
2. Flutter SDK 설치 진행
https://flutter-ko.dev/get-started/install/macos
- 저장 후 자주 사용하는 위치에 압축을 풀어둠
*저는 Documents에 압축을 풀어두었습니다
3. 환경변수 설정
- 환경변수 설정을 위해 편집기로 이동 (zsh를 사용중)
vi ~/.zshrc
- 편집 모드로 변경 후 해당 코드를 추가
export PATH="$PATH:/Users/[사용자명]/Documents/flutter/bin"
- 이후 편집기에서 나와 저장
source ~/.zshrc
4. Flutter doctor을 통해 검사 진행
- 해당 코드 터미널에서 진행 ( 나 같은 경우는 xcode 관련 오류가 생겨 추가적으로 명령어를 기입함 )
flutter doctor
5. Android Studio 설치
- 이전 작업으로 인해 이미 설치가 되어있어 그대로 이어서 진행함
6. Android Plugin 및 SDK Tool설치
(1) 플러그인 설치
- Plugins 로 이동
- Flutter 설치하면 플러그인 설치 완료!
(2) SDK Tool 설치
- SDK Manager 로 이동
- Languages & Frameworks > Android SDK >SDK Tools 로 이동
- Android SDK Command-line Tools (latest) 체크 후 오른쪽 아래 Apply 하여 설치
7. 프로젝트 실행하기
- New Flutter Project를 클릭 > 왼쪽 사이드 바에서 Flutter 클릭
- flutter SDK 설치 경로를 입력하라고 뜨는데 이때 아까 압축을 풀어둔 위치를 작성하면 됨!
- 개발에 맞는 옵션을 선택하고 Create 클릭하면 프로젝트가 생성됨!
'Flutter' 카테고리의 다른 글
#5 flutter Flexible, Expanded | DevTools 사용하기 (0) | 2024.11.24 |
---|---|
#4 요소 꾸미기 | AppBar 디자인하기 | 글자, 아이콘 디자인 하기 (0) | 2024.11.24 |
#3 flutter 박스를 이용해 앱 제작하기 (0) | 2024.11.23 |
#2 flutter 요소를 가로세로 배치하는 방법 / Scaffold (3) | 2024.11.20 |
#1 flutter 플러터 시작 & 위젯 만들기 (2) | 2024.11.19 |