Flutter 프로젝트 시작하기(안드로이드 스튜디오, VS Code)

안드로이드 스튜디오와 vs code에서 새로운 플러터 프로젝트를 시작하는 방법입니다.

 

1. Android Studio

1. 안드로이드 스튜디오에서 New Flutter Project 클릭

New Flutter Project 메뉴가 없다면, 아래 글 중 안드로이드 스튜디오 세팅을 따라해주세요.

https://chadireoroonu.tistory.com/90

Window에서 Flutter 시작하기

 

 

2. 플러터 경로 지정

왼쪽 탭 중 플러터가 클릭된 상태에서 SDK path에 플러터 압축을 풀어줬던 경로를 넣어줍니다.

단, 이번에는 환경 변수 설정때와 다르게 bin을 제외한 경로를 입력합니다.

 

 

3. 프로젝트 설정

새 플러터 프로젝트의 이름을 설정하고, 어떤 환경에서 개발할 것인지 체크한 뒤 create 버튼으로 시작합니다.

 

 

4. 시작 완료!

잠시 기다리면 새로 만들어진 플러터 프로젝트를 확인할 수 있습니다.

 

 

5. 자동완성

lib > main.dart에서 stless 입력 후 탭을 클릭하면 자동완성이 지원됩니다.

자동완성 후 class 다음 커서가 위치한 곳에 이름을 지정해줄 수 있습니다.

단, 이름 수정 시 위쪽 main에서 MyApp도 함께 수정해야 합니다.

 

---

2. VS Code

1. ctrl + shift + p 클릭 후 상단 메뉴에서 "flutter" 검색

2. Flutter : New Project 클릭

3. Application 선택

형광펜으로 색칠한 어플리케이션을 선택해줍니다.

 

4. 프로젝트 경로 지정

5. 프로젝트 이름 설정

프로젝트 이름을 설정 후, 엔터를 누르면 완료

 

잠시 기다리면 사진과 같이 새 플러터 프로젝트가 시작된 것을 확인하실 수 있어요.

 

 

 

초보라서 틀린 내용이 있을 수 있습니다.

틀린 내용을 발견하신다면, 언제든지 가르쳐주시면 감사하겠습니다.