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

青灯夜游
發布: 2021-11-08 18:30:11
轉載
2464 人瀏覽過

這篇文章帶大家了解安裝 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
登入後複製

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

帶來了解VSCode怎麼利用官方鷹架新建一個插件##依照自己的喜好選擇1或2即可,在鷹架新建專案完成之後,我們可以cd到專案目錄,使用

code .

在vscode中開啟目錄。帶來了解VSCode怎麼利用官方鷹架新建一個插件

三、運行和調試插件工程帶來了解VSCode怎麼利用官方鷹架新建一個插件

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

hello world

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

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

相關標籤:
來源:juejin.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!