Context Path
코드 컨텍스트를 이해하고 지능적으로 파일을 제안하는 VS Code 경로 자동완성 확장 프로그램입니다.
주요 기능
- 스마트 컨텍스트 감지: 코드 컨텍스트를 기반으로 필요한 파일 유형을 자동으로 감지합니다
- 다양한 언어 지원: JavaScript, TypeScript, JSP, PHP, HTML, CSS 등 모든 언어를 지원합니다
- 필터링된 제안: 모든 파일을 보여주는 대신 관련 파일만 표시합니다
- 커스터마이징 가능: 제외할 폴더와 최대 제안 수를 설정할 수 있습니다
지원되는 컨텍스트
JavaScript/TypeScript
import something from './...' // .js, .ts, .jsx, .tsx 파일만 표시
require('./...') // 모듈 파일만 표시
HTML/JSX
<img src="./..." /> // 이미지 파일만 표시
<script src="..." /> // .js 파일만 표시
<link href="..." /> // .css 파일만 표시
CSS/SCSS
@import '...'; // .css, .scss 파일만 표시
url('...') // 이미지 파일만 표시
JSP
<%@ include file="..." %> // .jsp 파일만 표시
PHP
include('...'); // .php 파일만 표시
require_once('...');
설정
설정 경로: 파일 > 기본 설정 > 설정 > Context Path
contextPath.excludedFolders: 제안에서 제외할 폴더 (기본값: node_modules, .git, dist, build, out, .next)
contextPath.maxSuggestions: 표시할 최대 제안 수 (기본값: 20)
contextPath.rootPath: 커스텀 루트 경로 설정 (예: src/main/webapp 설정 시 /assets로 /src/main/webapp/assets 접근)
contextPath.sortFolders: 폴더를 알파벳 순으로 정렬 (기본값: true)
사용 방법
- 따옴표나 괄호 안에서 경로를 입력하기 시작합니다
- 확장 프로그램이 자동으로 컨텍스트를 감지합니다
Ctrl+Space를 눌러 필터링된 제안을 확인합니다
- 컨텍스트에 맞는 관련 파일만 표시됩니다
개발
개발 모드로 이 확장을 실행하려면:
- VS Code에서 이 폴더를 엽니다
F5를 눌러 디버깅을 시작합니다
- 확장이 로드된 새 VS Code 창이 열립니다
요구사항
릴리스 노트
0.0.1
기본 컨텍스트 인식 경로 완성 기능의 첫 릴리스입니다.
| |