이 출시되었습니다! 11월의 새로운 기능 및 수정 사항을 읽어보세요.

확장 프로그램 가이드

Visual Studio Code 확장 API의 기본 사항을 Hello World 샘플에서 학습한 후에는 실제 확장 프로그램을 구축할 차례입니다. 확장 프로그램 기능 섹션에서는 확장 프로그램이 할 수 있는 작업에 대한 개괄적인 개요를 제공하지만, 이 섹션에는 특정 VS Code API를 사용하는 방법을 설명하는 상세 코드 가이드 및 샘플 목록이 포함되어 있습니다.

각 가이드 또는 샘플에서는 다음을 기대할 수 있습니다.

  • 철저하게 주석 처리된 소스 코드.
  • 샘플 확장 프로그램의 사용법을 보여주는 GIF 또는 이미지.
  • 샘플 확장 프로그램을 실행하기 위한 지침.
  • 사용되는 VS Code API 목록.
  • 사용되는 기여 지점 목록.
  • 샘플과 유사한 실제 확장 프로그램.
  • API 개념 설명.

가이드 및 샘플

다음은 VS Code API기여 지점의 사용법을 포함하여 VS Code 웹사이트의 가이드입니다. 확장 프로그램을 만들기 위한 사용자 인터페이스 모범 사례를 학습하려면 UX 가이드라인을 참조하는 것을 잊지 마십시오.

VS Code 웹사이트의 가이드 API 및 기여
명령 commands
contributes.commands
색상 테마 contributes.themes
파일 아이콘 테마 contributes.iconThemes
제품 아이콘 테마 contributes.productIconThemes
트리 뷰 window.createTreeView
window.registerTreeDataProvider
TreeView
TreeDataProvider
contributes.views
contributes.viewsContainers
웹뷰 window.createWebviewPanel
window.registerWebviewPanelSerializer
사용자 지정 편집기 window.registerCustomEditorProvider
CustomTextEditorProvider
contributes.customEditors
가상 문서 workspace.registerTextDocumentContentProvider
commands.registerCommand
window.showInputBox
가상 작업 공간 workspace.fs
capabilities.virtualWorkspaces
작업 영역 신뢰 workspace.isTrusted
workspace.onDidGrantWorkspaceTrust
capabilities.untrustedWorkspaces
작업 공급자 tasks.registerTaskProvider
Task
ShellExecution
contributes.taskDefinitions
소스 제어 workspace.workspaceFolders
SourceControl
SourceControlResourceGroup
scm.createSourceControl
TextDocumentContentProvider
contributes.menus
디버거 확장 프로그램 contributes.breakpoints
contributes.debuggers
debug
마크다운 확장 프로그램 markdown.previewStyles
markdown.markdownItPlugins
markdown.previewScripts
테스트 확장 프로그램 TestController
TestItem
사용자 지정 데이터 확장 프로그램 contributes.html.customData
contributes.css.customData

다음은 VS Code 확장 프로그램 샘플 리포지토리의 추가 샘플 목록입니다.

GitHub 리포지토리의 샘플 API 및 기여
웹뷰 샘플 window.createWebviewPanel
window.registerWebviewPanelSerializer
상태 표시줄 샘플 window.createStatusBarItem
StatusBarItem
트리 보기 샘플 window.createTreeView
window.registerTreeDataProvider
TreeView
TreeDataProvider
contributes.views
contributes.viewsContainers
작업 제공자 샘플 tasks.registerTaskProvider
Task
ShellExecution
contributes.taskDefinitions
다중 루트 샘플 workspace.getWorkspaceFolder
workspace.onDidChangeWorkspaceFolders
완성 제공자 샘플 languages.registerCompletionItemProvider
CompletionItem
SnippetString
파일 시스템 제공자 샘플 workspace.registerFileSystemProvider
편집기 장식 샘플 TextEditor.setDecorations
DecorationOptions
DecorationInstanceRenderOptions
ThemableDecorationInstanceRenderOptions
window.createTextEditorDecorationType
TextEditorDecorationType
contributes.colors
L10N 샘플
터미널 샘플 window.createTerminal
window.onDidChangeActiveTerminal
window.onDidCloseTerminal
window.onDidOpenTerminal
window.Terminal
window.terminals
Vim 샘플 commands
StatusBarItem
window.createStatusBarItem
TextEditorCursorStyle
window.activeTextEditor
Position
Range
Selection
TextEditor
TextEditorRevealType
TextDocument
소스 제어 샘플 workspace.workspaceFolders
SourceControl
SourceControlResourceGroup
scm.createSourceControl
TextDocumentContentProvider
contributes.menus
주석 API 샘플
문서 편집 샘플 commands
contributes.commands
시작하기 샘플 contributes.walkthroughs
테스트 확장 프로그램 TestController
TestItem

언어 확장 프로그램 샘플

이 샘플은 언어 확장 프로그램 샘플입니다.

샘플 VS Code 웹사이트의 가이드
스니펫 샘플 /api/language-extensions/snippet-guide
언어 구성 샘플 /api/language-extensions/language-configuration-guide
LSP 샘플 /api/language-extensions/language-server-extension-guide
LSP 로그 스트리밍 샘플 해당 없음
LSP 다중 루트 서버 샘플 https://github.com/microsoft/vscode/wiki/Adopting-Multi-Root-Workspace-APIs#language-client--language-server (GitHub 리포지토리 위키)
LSP 웹 확장 프로그램 샘플 /api/language-extensions/language-server-extension-guide
© . This site is unofficial and not affiliated with Microsoft.