모듈 계층 뷰어 (Module Hierarchy Viewer)
이 VS Code 확장 프로그램은 V56 프로젝트의 모듈 계층 구조를 시각화하고 관리하는 도구입니다. 모듈 간의 계층 관계를 쉽게 탐색하고, 빌드 및 디버깅 작업을 간편하게 수행할 수 있습니다.
주요 기능
1. 모듈 계층 구조 시각화
- 프로젝트의 모듈 계층 구조를 트리 형태로 표시
- 모듈 유형별 아이콘 구분 (인프라, 애플리케이션, 개발 등)
- 파일 및 폴더 구조 탐색
2. 빠른 액세스 기능
- 모듈 열기: 모듈 폴더를 VS Code에서 직접 열기
- 파일 열기: 선택한 파일을 VS Code 에디터에서 열기
3. 빌드 및 개발 도구
- 전체 빌드: 프로젝트의 전체 빌드 실행
pnpm install 실행
pnpm build:server 실행
pnpm build:browser 실행
- Clean: 프로젝트 정리 작업 실행
4. 디버깅 기능
- F5 키 디버깅: 어떤 모듈에서든 F5 키를 누르면 Velox 디버깅 시작
- Velox 런타임을 사용한 디버깅 환경 자동 구성
- 별도의 설정 없이 바로 디버깅 가능
사용 방법
설치 후 시작하기
- VS Code의 확장 프로그램 탭에서 '모듈 계층 뷰어' 활성화
- 왼쪽 탐색기 패널에서 '모듈 계층구조' 탭 확인
모듈 탐색
- 트리 구조를 통해 모듈 계층 구조 탐색
- 폴더 아이콘을 클릭하여 해당 모듈 열기
- 파일 아이콘을 클릭하여 파일 열기
빌드 및 Clean
- 모듈 계층구조 뷰 상단의 '전체 빌드' 아이콘(▶) 클릭
- 모듈 계층구조 뷰 상단의 'Clean' 아이콘(🗑) 클릭
디버깅
- 어떤 모듈에서든 F5 키를 눌러 Velox 디버깅 시작
- 디버깅 아이콘을 클릭하여 디버깅 시작
요구 사항
- VS Code 1.60.0 이상
- Node.js 및 pnpm 설치
- V56 프로젝트 구조
설정 경로
- 빌드 경로:
/d/ecxsolution/ecount.nextv56/ecount.solution
- Velox 실행 파일:
D:\ecountv5\runtime\apps\velox\bin\velox.exe
문제 해결
- 워크스페이스가 열려있지 않을 경우 오류 메시지가 표시됩니다.
- 빌드나 Clean 실행 중 오류가 발생하면 오류 메시지가 표시됩니다.
- 디버깅 시작 중 문제가 발생하면 오류 메시지를 확인하세요.
개발 정보
- 확장 프로그램 개발자: 이민호
- 버전: 0.0.1
| |