Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>모듈 계층 뷰어New to Visual Studio Code? Get it now.
모듈 계층 뷰어

모듈 계층 뷰어

leeminho

|
3 installs
| (0) | Free
워크스페이스 모듈을 계층별로 구분하여 볼 수 있는 기능
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

모듈 계층 뷰어 (Module Hierarchy Viewer)

이 VS Code 확장 프로그램은 V56 프로젝트의 모듈 계층 구조를 시각화하고 관리하는 도구입니다. 모듈 간의 계층 관계를 쉽게 탐색하고, 빌드 및 디버깅 작업을 간편하게 수행할 수 있습니다.

주요 기능

1. 모듈 계층 구조 시각화

  • 프로젝트의 모듈 계층 구조를 트리 형태로 표시
  • 모듈 유형별 아이콘 구분 (인프라, 애플리케이션, 개발 등)
  • 파일 및 폴더 구조 탐색

2. 빠른 액세스 기능

  • 모듈 열기: 모듈 폴더를 VS Code에서 직접 열기
  • 파일 열기: 선택한 파일을 VS Code 에디터에서 열기

3. 빌드 및 개발 도구

  • 전체 빌드: 프로젝트의 전체 빌드 실행
    • pnpm install 실행
    • pnpm build:server 실행
    • pnpm build:browser 실행
  • Clean: 프로젝트 정리 작업 실행
    • pnpm clean 명령 실행

4. 디버깅 기능

  • F5 키 디버깅: 어떤 모듈에서든 F5 키를 누르면 Velox 디버깅 시작
    • Velox 런타임을 사용한 디버깅 환경 자동 구성
    • 별도의 설정 없이 바로 디버깅 가능

사용 방법

설치 후 시작하기

  1. VS Code의 확장 프로그램 탭에서 '모듈 계층 뷰어' 활성화
  2. 왼쪽 탐색기 패널에서 '모듈 계층구조' 탭 확인

모듈 탐색

  • 트리 구조를 통해 모듈 계층 구조 탐색
  • 폴더 아이콘을 클릭하여 해당 모듈 열기
  • 파일 아이콘을 클릭하여 파일 열기

빌드 및 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
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft