프로젝트의 마음을 읽는 VS Code 확장 프로그램을 만들었습니다

Source: Dev.to

문제: 컨텍스트 전환 피로 😫

특정 패키지를 설치해야 할 때 다음과 같은 과정을 거칩니다:

1. npm을 엽니다.
2. 패키지 이름을 검색합니다 (예: react-router vs. react-router-dom).
3. 이름을 복사합니다.
4. 터미널에 붙여넣습니다.

작은 불편이지만 누적됩니다. 이를 해결하고 싶었습니다.

DotCommand v1.4.0 소개 🚀

정적인 명령 목록을 제공하는 대신, DotCommand는 이제 작업 공간을 스캔하여 현재 작업 중인 내용을 정확히 파악합니다.

🎥 See it in action (20 s)

“스마트 컨텍스트” 작동 방식

파일 감지

• package.json, Dockerfile, go.mod, requirements.txt와 같은 지표를 찾습니다.

내용 파싱

• 파일이 존재하는지 여부만 확인하는 것이 아니라 내용을 파싱합니다.
• 종속성에 react가 있으면 React 관련 명령을 우선시합니다.
• docker-compose.yml가 있으면 Docker 명령을 우선시합니다.

동적 변수

• package.json 종속성을 실시간으로 파싱하여 명령 템플릿에 전달합니다 (데모 참고).

핵심 기능 ✨

• 프레임워크 지원: 현재 React, Vue, Angular, Node.js, Python, Go, Rust, Docker를 지원합니다.
• 네이티브 UI: VS Code의 기본 Quick Pick API를 사용합니다—웹뷰나 커스텀 창이 없으므로 내장된 느낌입니다.

기술 스택 🛠️

• 아키텍처: Clean Architecture를 적용해 관심사의 명확한 분리를 구현합니다 (Context Detectors vs. Command Runners).
• 성능: 캐싱 메커니즘을 통해 “스마트 스캔”이 에디터 시작 속도를 저하시키지 않도록 합니다.

사용해 보기! 🔗

• 📥 Install from Marketplace: DotCommand on VS Code Marketplace
• ⭐ Star on GitHub: kareem2099/dotcommand

피드백을 적극적으로 받고 있습니다! 아직 지원되지 않는 프레임워크를 발견하면 댓글로 알려주시거나 GitHub에 이슈를 열어 주세요.

행복한 코딩 되세요! 🚀