Flutter 프로젝트 만들기

Llux lux·2025년 4월 1일

Flutter

목록 보기
4/6

Flutter 프로젝트 만들기

  1. PowerShell 열기
  2. 프로젝트를 만들고 싶은 곳(파일)으로 이동(명령어 : cd 파일 이름 - ex : cd 새파일)
  3. flutter 프로젝트 생성(명령어 : " flutter create 프로젝트 이름 " - ex : flutter create webtoon)
  4. 만든 프로젝트로 이동(명령어 : cd 프로젝트 이름 - ex : cd webtoon)
  5. 만든 프로젝트를 VSCode로 열기(명령어 : code .)

Flutter를 프로그램하기위한 환경설정

유용한 extension 설치 - Dart, Flutter

  • 오른쪽 아래에 ' Dart DevTools'와 실행될 시뮬레이터가 떠야함

flutter 파일 열기 - "lib"폴더 안에 "main.dart" 열기

  • " linux, macos, web, ios, android "파일 : linux 데스크탑 앱, macOS 앱, web, ios 앱, android 앱들을 만들때 필요한 설정파일들

시뮬레이터가 실행중인지 확인

'start Debugging'버튼을 눌러 시뮬레이터를 실행
'start Debugging'버튼 : VSCode로 flutter 실행

  • " flutter run " 명령어 : 콘솔에서 flutter 실행

' Widget Inspector ' : 만든 앱이 어떻게 빌드되는지(길이는 어떤지 등) 보여줌

작동 확인

  1. " primarySwatch: Colors.blue " 찾기
  2. 'blue'를 "red"로 바꾸고 저장
  3. 앱 실행시 잘 작동하는지 확인(blue가 red로 바꿨는지 확인)
profile
하하하

0개의 댓글