Windows 개발을 위한 VS Code 도구

두 개의 VS Code 도구는 AI 지원 Windows 개발 워크플로를 반올림합니다. WinApp 확장은 Windows 앱 개발 CLI를 편집기에 제공하고, Microsoft Learn MCP Server는 AI 에이전트가 현재 Windows 설명서에 대한 실시간 액세스를 제공합니다.

WinApp VS Code 확장

WinApp 확장은 Windows 앱 개발 CLI를 VS Code로 가져와 편집기를 종료하지 않고 Windows 앱을 초기화, 실행, 디버그, 패키지 및 서명합니다.

메모

확장 기능은 사전 릴리스 상태입니다. 기능 및 명령이 변경 될 수 있습니다. 파일 피드백입니다.

Install

code --install-extension microsoft-winappcli.winapp

또는 확장 패널에서 WinApp 을 검색합니다(Ctrl+Shift+X). WinApp CLI를 먼저 설치해야 합니다.

명령 팔레트의 명령

모든 명령은 Ctrl+Shift+P → WinApp을 통해 사용할 수 있습니다.

Command 용도
WinApp: 프로젝트 초기화 Windows SDK 및/또는 Windows 앱 SDK 사용하여 새 프로젝트 설정
WinApp: 애플리케이션 실행 완전한 패키지 ID를 갖춘 느슨한 레이아웃 패키지로 앱을 실행
WinApp: MSIX 패키지 만들기 앱을 MSIX 설치 관리자로 패키징하기
WinApp: 디버그 ID 만들기 디버깅을 위해 기존 실행 파일에 스파스 패키지 ID 추가
WinApp: 패키지 등록 취소 사이드로드된 개발 패키지 제거
WinApp: 매니페스트 생성 템플릿에서 AppxManifest.xml 생성
WinApp: 매니페스트 실행 별칭 추가 앱 매니페스트에 실행 별칭 추가
WinApp: 매니페스트 자산 업데이트 단일 원본 이미지에서 필요한 모든 앱 아이콘 자산 생성
WinApp: 인증서 생성 개발 서명 인증서 만들기
WinApp: 인증서 정보 인증서 파일에 대한 세부 정보 보기
WinApp: 인증서 설치 .pfx .cer 인증서 설치(관리자 필요)
WinApp: 서명 패키지 인증서를 사용하여 MSIX 패키지 서명
WinApp: 패키지 복원 프로젝트 패키지 및 종속성 복원
WinApp: 패키지 업데이트 패키지를 최신 버전으로 업데이트
WinApp: WinApp 경로 가져오기 설치된 WinApp CLI 실행 파일의 경로 표시
WinApp: SDK 도구 실행 Windows SDK 도구 직접 실행

워크플로

  1. dotnet new winui-navview -n MyApp — 스캐폴드 프로젝트
  2. cd MyApp && dotnet run — 빌드 및 실행 확인
  3. code . — VS Code에서 열기
  4. Ctrl+Shift+P → WinApp: 애플리케이션 실행 - 패키지 ID를 사용하여 실행
  5. AI 지원을 사용하여 XAML 및 C# 파일 편집
  6. Ctrl+Shift+P → WinApp: MSIX 패키지 만들기 - 배포용 패키지
  7. winapp store publish ./*.msix --appId <your-app-id> — 스토어에 게시

마이크로소프트 러닝 MCP 서버

AI 모델은 웹의 스냅샷에서 학습됩니다. Windows 개발의 경우 에이전트가 WinUI 3이 존재하기 몇 년 전에 작성된 WPF 및 UWP 샘플에서 학습했을 수 있으며 그 차이를 알 수 없습니다. Microsoft Learn MCP Server는 에이전트가 필요할 때 바로 최신의 공식 문서를 검색할 수 있도록 호출 가능한 도구를 제공함으로써 이 문제를 해결합니다.

MCP란?

MCP(모델 컨텍스트 프로토콜)는 AI 에이전트가 대화 중에 외부 도구 및 데이터 원본을 호출할 수 있는 개방형 표준입니다. MCP에 연결된 에이전트는 학습 데이터에 전적으로 의존하는 대신 응답을 생성하기 전에 Microsoft Learn을 비롯한 라이브 콘텐츠를 검색하고 읽을 수 있습니다.

Microsoft LEARN MCP 서버 추가

서버는 Microsoft 호스팅되며 설치 또는 로그인이 필요하지 않습니다.

VS Code(GitHub Copilot)

프로젝트의 .vscode/mcp.json에 다음 내용을 추가합니다.

{
  "servers": {
    "microsoft-learn": {
      "type": "http",
      "url": "https://learn.microsoft.com/api/mcp"
    }
  }
}

VS Code는 Copilot 채팅 세션을 처음 열 때 서버를 사용하도록 설정하라는 메시지를 표시합니다.

클로드 코드

Claude Code 구성~/.claude/mcp_servers.json()에 서버를 추가합니다.

{
  "microsoft-learn": {
    "type": "http",
    "url": "https://learn.microsoft.com/api/mcp"
  }
}

기타 MCP 클라이언트

MCP HTTP 전송을 지원하는 모든 클라이언트는 다음을 사용하여 연결할 수 있습니다.

https://learn.microsoft.com/api/mcp

API 키 또는 인증이 필요하지 않습니다.

서버에서 수행할 수 있는 일

연결되면 에이전트가 Microsoft Learn에서 페이지를 검색하고 가져올 수 있습니다. Windows 개발에서는 이는 다음을 조회할 수 있음을 의미합니다:

  • 현재 WinUI 3 컨트롤 API 및 사용 패턴
  • Windows 앱 SDK 릴리스 정보 및 마이그레이션 가이드
  • winapp CLI 명령 참조
  • 스토어 제출 요구 사항 및 인증 조건

Example

MCP 서버가 없으면 Copilot 파일 선택기를 추가하도록 요청하면 사용되지 않는 UWP FileOpenPicker 패턴을 사용하여 코드를 생성할 수 있습니다.

// ❌ UWP pattern — may be generated without MCP context
var picker = new FileOpenPicker();
picker.SuggestedStartLocation = PickerLocationId.DocumentsLibrary;

MCP 서버가 연결되면 에이전트는 현재 WinUI 3 지침을 검색하고 올바른 패턴을 생성합니다.

// ✅ WinUI 3 pattern — retrieved from current docs
var picker = new FileOpenPicker();
var hwnd = WinRT.Interop.WindowNative.GetWindowHandle(this);
WinRT.Interop.InitializeWithWindow.Initialize(picker, hwnd);
picker.SuggestedStartLocation = PickerLocationId.DocumentsLibrary;
var file = await picker.PickSingleFileAsync();

Tip

WinUI 관련 지침을 자세히 알아보려면 MCP 서버를 WinUI 에이전트 플러그 인과 결합합니다. 플러그 인은 코딩 패턴을 처리합니다. MCP 서버는 설명서 검색을 처리합니다.