코드 모드와 실행
만든 프로젝트를 코드 모드에서 열어 파일을 찾고 고치고, 터미널 · 실행 · 프리뷰로 돌려 보는 방법을 설명합니다.
목차
채팅으로 프로젝트를 만든 뒤에는 같은 앱의 코드 모드에서 그 프로젝트의 파일을 열어 고치고 돌려 봅니다. 상단 막대의 「코드」로 들어오고, 「채팅」으로 돌아가도 열어 둔 탭과 편집 중인 내용은 그대로 남습니다. 이 묶음은 두 쪽입니다.
- 코드 모드: 편집기, 오른쪽 패널의 탐색기 · 소스 제어, 아래쪽 패널의 터미널 · 문제 · 로그.
- 실행과 프리뷰: 「▶」 단추가 프로젝트에서 무엇을 찾아 어떻게 실행하는지, 그리고 Flutter · Jaspr 앱을 창 안에서 보는 프리뷰.
창의 영역 배치와 메뉴 · 단축키는 화면 구성에, 프로젝트를 여닫는 법은 프로젝트 관리에 있습니다. 아직 프로젝트가 없다면 빠른 시작으로 먼저 하나 만드세요.
이 묶음에서 쓰는 말
작업 공간의 용어표에 더해, 이 묶음에서는 아래 말을 씁니다.
| 말 | 뜻 |
|---|---|
| 편집 그룹 | 편집기 영역 하나입니다. 탭을 끌어 놓거나 「오른쪽으로 분할」을 쓰면 나란히 둘 이상이 됩니다 |
| 셸 | 아래쪽 「터미널」 탭에서 여는 일반 터미널 세션입니다. 탭 이름은 「셸 1」처럼 번호가 붙습니다 |
| 실행 대상 | 앱이 프로젝트의 pubspec.yaml 을 훑어 찾아낸 「▶」 한 줄입니다. 풀스택 · Flutter · Jaspr · Dart · 테스트 다섯 종류가 있습니다 |
| 실행 탭 | 「▶」로 띄운 명령이 도는 터미널 탭입니다. 프리뷰를 실행하면 「프리뷰: 이름」 탭이 생깁니다 |
| 러너 | flutter run · jaspr serve · serverpod start 처럼 앱을 띄우는 명령입니다 |
참고
코드 모드 오른쪽 패널의 「작업」 탭과 아래쪽 패널의 「검증 로그」는 자리만 있고 앱 기능에 연결되어 있지 않습니다. 이 묶음은 그 자리를 "지금은 비어 있다"는 한 줄로만 다룹니다(준비 중인 기능).
다음 단계
코드 모드의 영역을 하나씩 알아봅니다. 코드 모드로 이어서 보세요.