[Flutter] VSCode 플러터 앱 바로 만들고 실행하기

 

📎 VSCode 실행 후 새 프로젝트 생성

• Ctrl+Shift+P 입력
• Flutter: New Project 검색 후 클릭

 

📎  Template 선택

• 템플릿 선택 창이 나오면 Application 클릭

 

📎  저장 경로 지정

• 저장 경로 지정

 

📎  Project Name 생성

• 원하는 프로젝트 이름 입력 후 엔터

 

• 자동으로 기본 앱 코드가 생성됨

 

📎  앱 실행하기

• F5로 디버깅하면 어떤 Simulator로 실행할 건지 선택할 수 있음
• Chrome 선택

 

• Flutter Demo 앱이 실행됨
• 기본으로 생성되는 앱은 +버튼을 클릭하면 화면 중앙의 Message의 카운트 수가 증가함

기본으로 생성되는 앱에서 코드를 수정해 가며 프로그램을 만들 수 있습니다.