帶來了解VSCode怎麼利用官方鷹架新建一個插件

這篇文章帶大家了解安裝 VSCode 外掛官方腳手架和使用鷹架新建一個VSCode插件的方法，希望對大家有幫助！

首先我們做一下了解,vscode官方所允許我們去做的操作有哪些?

擴充API

Visual Studio Code 在建置時考慮到了可擴充性。從 UI 到編輯體驗，幾乎 VS Code 的每個部分都可以透過 Extension API 進行自訂和增強。事實上，VS Code 的許多核心功能都是作為擴充建構的，並使用相同的擴充 API。 【推薦學習：《vscode教學》】

本文檔描述：

• 如何建置、執行、偵錯、測試和發布擴充
• 如何利用VS Code 豐富的擴充API
• 在哪裡可以找到幫助您入門的指南和程式碼範例
##遵循我們的最佳實作
• 擴充指南

程式碼範例可在Microsoft/vscode-extension-samples 取得，連結：

• https: //github.com/microsoft/vscode-extension-samples

如果您正在尋找已發布的擴展，請前往VS Code 擴展市場，連結：

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

擴充功能能做什麼？

以下是您可以使用擴充API 實作的一些範例：

使用顏色或檔案圖示主題變更VS Code 的外觀-
• 主題
在UI 中新增自訂元件和檢視-
• 擴充工作台
建立一個Webview 以顯示使用HTML/CSS/JS 建立的自訂網頁- 
• Webview 指南
支援一種新的程式語言-
• 語言擴充功能概述
#支援偵錯特定的執行時間-
• 偵錯器擴充指南

如果您想更全面地了解擴充API，請參閱

擴充功能概述頁面。 擴充指南概述還包括一個程式碼範例和指南列表，說明了各種擴充 API 的用法。

一、安裝VSCode 外掛官方腳手架

npm install -g yo generator-code

二、使用鷹架

yo code

##依照自己的喜好選擇1或2即可，在鷹架新建專案完成之後，我們可以cd到專案目錄，使用

code .

在vscode中開啟目錄。

三、運行和調試插件工程

F5調試這個插件，然後在新出來的視窗中輸入

hello world

###############vs code的api文檔######https://code.visualstudio .com/api/extension-capabilities/overview#########更多程式相關知識，請造訪：###程式設計教學###！ ！ ###

以上是帶來了解VSCode怎麼利用官方鷹架新建一個插件的詳細內容。更多資訊請關注PHP中文網其他相關文章！