첫번째 포스팅 으로,
ios, android 크로스 플랫폼 앱개발 플랫폼인 flutter 개발환경 구축에 대해 작성하려 한다.
참고로 나으 개발 환경 is 👉 MacOS intel chip
🌏 개발 환경 구축 시작 🌏
Flutter 개발 환경 구축을 위해서는
- Flutter SDK 설치
- Android Studio 설치
- 환경 변수 설치
- flutter doctor 실행
요것만 호다닥 진행하면 끝.
📍첫번째, Flutter SDK 설치
쉽다.
바로 여기.click 👉 https://docs.flutter.dev/get-started/install
들어가면, 다음 화면이 나온다.
플러터를 다운받으려면 이렇게 저렇게 어쩌구 설정을 해야해~라고 설명해주는 페이지가 나온다.
응 그냥 내려가서
Get the Flutter SDK > intel chip 버전 flutter_macos_version-stable.zip 다운로드.
받으면 다운로드 폴더안에 Flutter.zip 파일이 생기는데,
풀고 싶은 곳에 풀어주면 된다.
나같은 경우
User > soyunjo 폴더에 풀어놓음.
📍두번째, Android Studio 설chi하기
다음언 Android Studio 설치
이것두 쉽다.
바로 여기.click 👉 https://developer.android.com/studio
이용약관 정독해주구~ Intel chip 찾아서 click 앤드 Download.
다운로드를 모두 마치게 되면, 아래 팝업창이 뜨게 되는데 안드로이드 스튜디오에서도 Flutter를 사용하려면 Flutter 패키지를 받아주어야 하기 때문에
해당 화면에서 좌측 Plugins 를 클릭해준다.
Flutter 검색 후, Install 완료!
이외에도 다양한 코드 색 테마 플러그인이나, 다양한 플러그인들이 많아서,
이거 찾아보고 세팅하는 것도 제법 쏠쏠할 것 같다.
다음,
Android SDK Command-line Tools 선택 > Apply > OK
이렇게 두번째 Step도 완료!
📍세번째, 환경변수 설정하기
다음다음~
shell 에서의 간편한(?) flutter 명령어 사용을 위해 환경변수를 설정해준다.
참고로 zsh 기준❗️
vi ~/.zshrc텍스트 편집기를 통해서 환경변수를 편집
텍스트가 추ㅏ라라라 뜨면, i 를 통해 편집모드로 바꾸고
flutter를 설치해준 경로❗️를 입력한다. (아까 flutter 압출 풀어 준 경로.)
export PATH="$PATH:$HOME/flutter/bin"그리고 환경 변수 편집이 모두 끝났으면
:wq 를 입력해서 저장하기.
source ~/.zshrcsource 명령어로 한번 적용시켜주기.
이제 거의 끝났다. doctor를 통해 검증받을 시간.
(개발에 필요한거 다~ 설치되었나..)
flutter doctor
✔️ flutter 깔렸고.
✔️ android tool 깔렸고,
✔️ Xcode (ios 같이 할거면 설치해주면 됨. from Appstore )
✔️ Chrome 깔아주어야하구요
✔️ ...등등 입니다.
No issues found!
라고 나왔다면. flutter 개발환경 세팅 완료 🌻
