VSCode가 공식 스캐폴딩을 사용하여 새 플러그인을 만드는 방법을 알아보세요.

이 기사에서는 VSCode 플러그인의 공식 스캐폴딩을 설치하고 이 스캐폴딩을 사용하여 새 VSCode 플러그인을 만드는 방법을 설명합니다. 도움이 되기를 바랍니다.

우선, vscode가 공식적으로 어떤 작업을 허용하는지 살펴보겠습니다.

Extension API

Visual Studio Code는 확장성을 염두에 두고 구축되었습니다. UI부터 편집 환경까지 VS Code의 거의 모든 부분을 Extension API를 통해 사용자 정의하고 향상시킬 수 있습니다. 실제로 VS Code의 핵심 기능 중 다수는 확장으로 구축되었으며 동일한 확장 API를 사용합니다. [권장 학습: "vscode 튜토리얼"]

이 문서에서는 다음을 설명합니다.

• 확장을 빌드, 실행, 디버그, 테스트 및 게시하는 방법
• VS Code의 풍부한 확장 API를 사용하는 방법
• 도움말을 찾을 수 있는 곳 가이드 및 코드 샘플
• 은 확장 가이드

에 대한 모범 사례를 따릅니다. 코드 샘플은

• https://github com의 Microsoft/vscode-extension-samples에서 사용할 수 있습니다. /microsoft/vscode-extension-samples

게시된 확장을 찾고 있다면 VS Code Extension Market(링크:

• https://marketplace.visualstudio.com/vscode

)으로 이동하세요.

확장 프로그램은 무엇을 할 수 있나요?

다음은 확장 API를 사용하여 달성할 수 있는 작업의 몇 가지 예입니다.

• 색상 또는 파일 아이콘 테마로 VS Code의 모양 변경 - Themes
• UI에 사용자 정의 구성 요소 및 뷰 추가 -Workbench 확장
• Webview를 생성하여 HTML/CSS/JS로 구축된 사용자 정의 웹 페이지 표시 - Webview 가이드
• 새로운 프로그래밍 언어 지원 -언어 확장 개요
• 특정 런타임 디버깅 지원 -디버거 확장 가이드

확장 API에 대해 더 포괄적으로 이해하려면 확장 기능 개요 페이지를 참조하세요. 확장 가이드 개요에는 코드 예제 목록과 다양한 확장 API 사용을 보여주는 가이드도 포함되어 있습니다.

1. VSCode 플러그인 공식 스캐폴딩을 설치하세요

npm install -g yo generator-code

2. 스캐폴딩을 사용하세요

yo code

새 스캐폴딩 프로젝트가 완료된 후 1개 또는 2개를 선택하세요. 프로젝트 디렉터리로 이동하려면 code .를 사용하여 vscode에서 디렉터리를 엽니다. code . 在vscode中打开目录。

三、运行和调试插件工程

F5调试这个插件，然后在新出来的窗口中输入hello world

3. 플러그인 프로젝트

F5를 실행하고 디버그하여 플러그인을 디버깅한 다음 새 창 API 문서

https://code에 hello world를 입력합니다. Visualstudio.com/api/extension-capability/overview

더 많은 프로그래밍 관련 지식을 보려면

프로그래밍 교육

을 방문하세요! !

위 내용은 VSCode가 공식 스캐폴딩을 사용하여 새 플러그인을 만드는 방법을 알아보세요.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!