Dart, Flutter, Android Studio 개발 환경 구축

💡 코딩 애플 “쉬운 플러터 0강” 참고

 

1. https://docs.flutter.dev/release/archive?tab=windows 에서 3.13.9 다운로드. (stable 버전이 3.19.0이지만, 그럼에도 참고할 레퍼런스가 더 많고 프로그램이 더 안정적인 구 버전을 선택, a.b.c에서 c는 보통 버그 개선으로 올리는 버전으로 제일 큰 숫자로 고르는 게 나음)
2. 찾기 좋은 곳에 압축을 풀기 (나중에 sdk의 bin 폴더의 경로를 환경변수에 등록해야 하므로 위치를 기억해야 한다. )
   • 주의 : 윈도우 사용자 이름은 영어여야 함.
   • 윈도우 사용자 이름이 한글이면 환경변수 등록 시 오류가 발생하므로 영어로된 사용자를 새로 만드는 것이 낫다. 사용자 이름을 변경하는 것은 까다로움.
3. Android Studio는 버전을 고를 수 없어서 그냥 https://developer.android.com/studio?hl=ko 에서 Android 스튜디오 Hedgehog 다운로드를 누름
4. Android Studio 설치
5. 윈도우 환경변수 설정
   1. 윈도우 검색창에 시스템 환경변수 편집 검색 후 열기
   2. 환경변수 클릭
   3. 사용자 변수 > Path 선택 > 편집
   4. 새로만들기 클릭
   5. flutter sdk의 bin 폴더 경로 입력
6. 안드로이드 스튜디오 프로젝트 아무것도 없는 첫 화면에서 SDK Manager 클릭 ( 현 시점엔 More Actions 누르면 나옴)
7. Android SDK Command-line Tools 설치
8. Plugin > Dart 검색 후 다운로드
9. Plugin > flutter 검색 후 다운로드
10. 크롬 브라우저 필요
11. 터미널 오픈 후 `flutter doctor` 입력
12. 라이센스 없다고 하면 `flutter doctor --android-licenses` 입력
13. 에러메시지 : [X] Visual Studio - develop Windows apps X Visual Studio not installed; this is necessary to develop Windows apps. Download at <https://visualstudio.microsoft.com/downloads/>. Please install the "Desktop development with C++" workload, including all of its default components
14. Visual studio Setup 프로그램 다운로드 후 Desktop development with C++ 다운로드
15. 윈도우 다시시작
16. android studio 에서 get from vcs > 프로젝트 url 입력
17. git 설치 안되어 있는경우 설치
18. git clone 후 `/lib/main.dart` 파일을 열어보면 android studio가 `Dart is not configured` 메시지를 띄워줌
19. Open Dart settings 들어가서 Dart SDK Path에 `<flutter_home>/bin/cache/dart-sdk` 를 입력 ( 터미널에 `flutter doctor -v` 수행 시 flutter home 경로가 출력됨 (e.g. `C:\SDKs\flutter`) )
20. 그 후에 Enable Dart Support, Get Dependencies 알림이 뜨면 클릭. ( `pubspec.yaml`을 보면 본 프로젝트가 의존하고 있는 다른 코드의 스펙을 써놨음. `get dependencies`를 누르면 이것들을 다운로드 받게됨 )
21. 위에 device를 Chrome (web)으로 바꾸고 main.dart 우클릭 후 Run을 누르면 웹 브라우저에 화면이 뜸.
22. 실행 시 다음 에러 발생.`Error: unable to find directory entry in pubspec.yaml: C:\\Users\\jwjn0\\StudioProjects\\FlassApp\\assets\\` pubspec.yaml에 해당 경로에 폴더를 사용하겠다고 명시해놓았는데, 실제로는 해당 폴더가 없어서 에러가 발생. 배포시에 이 폴더 생성 명령어를 포함시켜야 할 듯.