VS Code Project Layout
새 작업 영역을 열 때, 에디터형 터미널과 Git Graph를 원하는 방향으로 배치하는 개인용 VS Code 확장입니다.
필요 사항
사용 방법
- 폴더 또는 작업 영역을 엽니다.
- 명령 팔레트에서
프로젝트 레이아웃: 적용을 실행합니다.
- 편집기 영역이 두 그룹으로 나뉘고, 기본값으로 위쪽에는 터미널, 아래쪽에는 Git Graph가 열립니다.
레이아웃 적용 후에는 VS Code가 에디터형 터미널 그룹에 자동으로 설정한 잠금을 해제하므로, 일반 편집기 탭도 해당 그룹에서 계속 열 수 있습니다.
배치 방향을 바꾸려면 설정에서 vscodeProjectLayout.layoutDirection을 선택하세요.
top-bottom: 위쪽 터미널, 아래쪽 Git Graphleft-right: 왼쪽 터미널, 오른쪽 Git Graph
터미널과 Git Graph의 크기 비율을 조절하려면 명령 팔레트에서 프로젝트 레이아웃: 비율 조절을 실행하거나, 설정에서 vscodeProjectLayout.splitRatio를 변경하세요. 값은 0.2에서 0.8 사이이며, 기본값은 0.5(반반)입니다. 예를 들어 0.7로 설정하면 터미널이 70%, Git Graph가 30%를 차지합니다. 세로 배치에서는 높이, 가로 배치에서는 너비를 조절합니다.
자동 적용이 필요하면 설정에서 vscodeProjectLayout.autoApplyOnFirstWorkspaceOpen을 켜세요. 이 옵션은 작업 영역별로 처음 한 번 전체 레이아웃을 적용합니다. 이후 VS Code가 터미널과 빈 두 번째 편집기 그룹을 복원하고 Git Graph만 복원하지 못한 경우에는 Git Graph 탭만 다시 엽니다. 그 외의 편집기 배치는 건드리지 않습니다.
개발
npm install
npm run compile
npm install은 개발 의존성을 설치하고, npm run compile은 TypeScript 소스를 out/의 실행 파일로 변환합니다.
개발 중에는 프로젝트를 VS Code로 연 뒤 F5를 누르세요. 별도 Extension Development Host(확장 개발 호스트) 창이 열리고, npm run watch가 소스 변경을 감시합니다. 개발 호스트가 빈 창으로 열리면 File > Open Folder...에서 이 프로젝트 폴더를 한 번 열어 주세요. 코드를 저장한 뒤 개발 호스트에서 Developer: Reload Window를 실행하면 변경사항을 확인할 수 있습니다.
