Flutter로 프로젝트를 시작하는 방법은 다음과 같습니다:
1. Flutter SDK 설치:
- Flutter 개발을 위해 먼저 Flutter SDK를 설치해야 합니다. 아래 링크에서 윈도우용 Flutter SDK를 다운로드할 수 있습니다:
https://flutter.dev/docs/get-started/install/windows
2. Flutter 설치 경로 설정:
- 다운로드한 Flutter SDK 압축 파일을 원하는 디렉토리에 압축 해제합니다.
- 압축 해제한 디렉토리의 경로를 시스템 환경 변수 PATH에 추가합니다. 이렇게 하면 터미널에서 `flutter` 명령어를 실행할 수 있게 됩니다.
3. Flutter 및 Dart 플러그인 설치:
- Visual Studio Code에서 Flutter 및 Dart 플러그인을 설치해야 합니다. Visual Studio Code를 실행한 후 왼쪽 사이드바에서 Extensions(확장) 아이콘을 클릭하고 "Flutter" 및 "Dart"를 검색하여 해당 확장을 설치합니다.
4. Flutter 프로젝트 생성:
- Visual Studio Code에서 "View" 메뉴에서 "Command Palette"를 선택하거나 키보드에서 `Ctrl+Shift+P`를 눌러 Command Palette를 엽니다.
- Command Palette에서 "Flutter: New Project"를 입력하고 선택합니다.
- 프로젝트의 이름과 저장할 경로를 입력한 후 엔터를 눌러 프로젝트를 생성합니다.
5. Flutter 프로젝트 실행:
- Visual Studio Code에서 "View" 메뉴에서 "Terminal"을 선택하여 터미널을 엽니다.
- 터미널에서 `flutter run` 명령어를 입력하고 엔터를 눌러 Flutter 프로젝트를 실행합니다.
- 실행 중인 시뮬레이터 또는 연결된 장치에서 앱이 실행되는 것을 확인할 수 있습니다.
- 아래와 같이 화면이 뜨면 성공! 👏👏👏
'공부기록 > Flutter' 카테고리의 다른 글
| Flutter로 웹 앱 실행하기: 사용자 지정 호스트네임과 포트 설정 방법 (0) | 2023.07.08 |
|---|---|
| [Flutter] ListView 재사용하기(재사용 가능한 Widget 만들기) (0) | 2023.07.05 |
| [Flutter] AppBar, BottomNavigator 구현(상단,하단은 고정 & body만 바뀌도록) (0) | 2023.07.05 |
| [Flutter] 반응형 모바일 배너 만들기(슬라이더) (0) | 2023.07.04 |
| Flutter 유용한 Extensions(확장팩) 추천(Flutter Widget Snippets, Flutter Tree) (0) | 2023.07.02 |
