VSCode

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

青灯夜游

Nov 08, 2021 am 10:31 AM

vscode플러그인발판

이 기사에서는 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

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

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

三、运行和调试插件工程

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

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

F5를 실행하고 디버그하여 플러그인을 디버깅한 다음 새 창 API 문서 VSCode가 공식 스캐폴딩을 사용하여 새 플러그인을 만드는 방법을 알아보세요.

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

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

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

프로그래밍 교육
을 방문하세요! !

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

성명

이 기사는 掘金社区에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제

관련 기사

vscode와 함께 JSON을 포맷하는 방법Apr 16, 2025 am 07:54 AM

코드에서 JSON을 포맷하는 방법은 다음과 같습니다. 1. 바로 가기 키 사용 (Windows/Linux : Ctrl Shift I; MacOS : CMD Shift I); 2. 메뉴를 살펴보십시오 ( "편집"& gt; "형식 문서"); 3. JSON Formatter Extensions (예 : 더 예쁘다) 설치; 4. 수동으로 형식 (바로 가기 키를 사용하여 블록을 들여 쓰기/추출하거나 교정기 및 세미콜론을 추가); 5. 외부 도구 (예 : Jsonlint 및 Json Formatter)를 사용하십시오.

vscode를 컴파일하는 방법Apr 16, 2025 am 07:51 AM

VSCODE의 컴파일 코드는 5 단계로 나뉩니다. C 확장을 설치하십시오. 프로젝트 폴더에서 "main.cpp"파일을 만듭니다. 컴파일러를 구성 (예 : Mingw); 바로 가기 키 ( "Ctrl Shift B") 또는 "빌드"버튼으로 코드를 컴파일합니다. 바로 가기 키 ( "F5") 또는 "실행"버튼으로 컴파일 된 프로그램을 실행하십시오.

vscode를 설치하는 방법Apr 16, 2025 am 07:48 AM

Visual Studio Code를 설치하려면 다음 단계를 따르십시오. 공식 웹 사이트 https://code.visualstudio.com/; 운영 체제에 따라 설치 프로그램을 다운로드하십시오. 설치 프로그램을 실행하십시오. 라이센스 계약을 수락하고 설치 경로를 선택하십시오. 설치가 완료된 후 VSCODE가 자동으로 시작됩니다.

Vscode로 글꼴을 확대하는 방법Apr 16, 2025 am 07:45 AM

Visual Studio 코드에서 글꼴을 확대하는 방법은 다음과 같습니다. 설정 패널 (CTRL 또는 CMD)을 엽니 다. "글꼴 크기"를 검색하고 조정하십시오. 올바른 크기의 "글꼴 패밀리"를 선택하십시오. 올바른 크기를 제공하는 테마를 설치하거나 선택하십시오. 키보드 바로 가기 (CTRL 또는 CMD)를 사용하여 글꼴을 확대하십시오.

VSCODE를 사용하여 원격 서버에 연결하는 방법Apr 16, 2025 am 07:42 AM

VSCODE를 통해 원격 서버에 연결하는 방법은 무엇입니까? 원격 설치 -SSH 확장 구성 SSH vscode에서 연결을 만듭니다. 연결 정보 입력 정보 : 호스트, 사용자 이름, 포트, SSH 키 원격 탐색기에서 저장된 연결을 두 번 클릭하십시오.

vscode로 vue를 실행하는 방법Apr 16, 2025 am 07:39 AM

VSCODE에서 VUE 프로젝트를 실행하는 단계가 필요합니다. 1. VUE CLI를 설치하십시오. 2. VUE 프로젝트를 만듭니다. 3. 프로젝트 디렉토리로 전환하십시오. 4. 프로젝트 종속성을 설치하십시오. 5. 개발 서버를 실행하십시오. 6. 브라우저를 열면 http : // localhost : 8080을 방문하십시오.

두 파일을 VSCODE와 비교하는 방법Apr 16, 2025 am 07:36 AM

vscode에서 파일을 비교하는 방법 : 1. 두 파일을 엽니 다. 2. 차이점보기 (보기 메뉴), 3. 차이점보기 (녹색 추가, 빨간색 삭제, 자주색 수정), 4. 화살표 키를 사용하여 탐색, 5. 변경 사항을 수락하거나 거부하십시오. 추가 기능에는 변경 사항 병합, 변경 사항 복사, 세부 사항보기 및 편집 차이가 포함됩니다.

VSCODE로 JS 코드를 실행하는 방법Apr 16, 2025 am 07:33 AM

VSCODE에서 JS 코드를 실행하는 방법은 무엇입니까? .js 파일을 작성하고 코드를 작성합니다. Node.js 및 NPM을 설치하십시오. Chrome 용 디버거를 설치하십시오. 디버그 콘솔을 엽니 다. 크롬 선택; 디버그 구성 추가; 디버그 스크립트를 설정하십시오. 코드 실행; 디버그 코드 (선택 사항).

See all articles