플러터 설치 및 환경설정

JDK (Windows x64) 다운로드 및 설치

1. JDK 공식 사이트 다운로드 페이지로 이동

다운로드

 

2. JDK 시스템 변수 등록

   1) 새로 만들기 > JAVA_HOME : jdk 설치경로

       (*) JDK 폴더위치는 실제로 존재하는지 확인할 것

3. Path에 추가 : %JAVA_HOME%\bin

4. JDK 버전 확인

   CMD 창에서 javac -version 

---

안드로이드 스튜디오 다운로드 및 설치

1. 안드로이드 스튜디오 공식 사이트 다운로드 페이지로 이동

안스 다운로드

 

2. 설치

    Android Virtual Device 가 선택되어있는지 확인

 

3. 실행

    Configure > SDK Manager : 8.0 (Oreo) 추가 설치

하위 버전을 고려하여 낮은 버전인 8.0 선택

 

4) 실행 : Configure > Plugins

   flutter 검색 후 설치

---

플러터 SDK 설치하기

1. 플러터 공식 사이트 다운로드 페이지로 이동

플러터 다운로드

 

2. 자신의 환경에 맞는 운영체제를 선택 (필자는 윈도우 기준)

 

3. 플러터 SDK 다운로드 

 

4. 다운로드받은 플러터 SDK 파일 압축해제 및 폴더 설정

   1) SDK 압축파일(flutter_windows_2.0.5-stable) 압축해제 후 내부폴더인 flutter 폴더만 잘라내기

   2) 폴더 설정

       - C:\dev\flutter-sdk\flutter

---

플러터 환경변수 설정

1. 윈도우 바탕화면 내컴퓨터 속성 > 고급 시스템 설정 > 환경변수 > 시스템 변수 탭

    1) Path 선택 후 편집

    2) C:\dev\flutter-sdk\flutter\bin\ 추가

 

2. GIT 다운로드 및 설치

   GIT 다운로드

 

3. 플러터 SDK 확인

   1) CMD > flutter

   2) 플러터 환경세팅 검증 : flutter doctor

       flutter doctor --android-licenses

 

---

VSCode 다운로드 및 기본 세팅

1. VSCode 다운로드

VSCode 다운로드

 

2. 기본 세팅

   1) VSCode 실행 후 세팅창 (Ctrl + ,)

   2) 검색어 입력 : reformat  >  Edit in settings.json 클릭

    3) 세부설정

        타이핑 시 포멧(정렬) : editor.formatOnType > false

        코딩 가로 길이 제한 : editor.rulers  > 100

   4) 플러그인

       GetX Snippets
       Image preview
       Awesome Flutter Snippets
       Flutter Color
       Flutter MVVM Architecture Generator
       Flutter Provider Snippets
       Flutter-Auto-Import
       Flutter Preview
       Dart Getters And Setters
       TODO Highlight
       Bracket Pair Colorizer 2
       VS Color Picker : 이미지의 색상 클릭 시 색상 가져오기

 

   5) 프로젝트 생성 후 GitHub 업로드

      Publish to GitHub 클릭