18種有趣的Vscode插件介紹

Playwright

Playwright 提供了可以使用 VSCode 記錄新測試。選擇“錄制新内容”，然後将打開一個浏覽器，您可以像使用者一樣單擊所需的網頁。同時，Playwright 将記錄您的活動作為新的測試。

Semantic Kernel Tools

将尖端的大語言模型快速輕松地內建到您的應用程式中：

語義核心 (SK)是一種輕量級 SDK，可将 AI 大語言模型 (LLM) 與傳統程式設計語言內建。SK 可擴充程式設計模型結合了自然語言語義功能、傳統代碼本機功能和基于嵌入的記憶體，釋放了新的潛力，并為人工智能應用程式增加了價值。

SK 支援 即時模闆、函數鍊、 矢量化記憶體和 開箱即用的智能規劃功能。

語義核心支援并封裝了最新人工智能研究中的多種設計模式，以便開發人員可以在其應用程式中注入 提示鍊、[url=https://github.com/microsoft/semantic-kernel/blob/main/docs/PROMPT_TEMPLATE_LANGUAGE.md]遞歸[/url] 推理、摘要、零/幾次學習、上下文記憶、長期記憶、嵌入等插件，語義索引、 規劃、檢索增強生成和通路外部知識存儲以及您自己的資料。

安裝語義核心工具擴充後，您将在活動欄中 看到一個新的SK選項

必須配置一個供語義核心使用的 AI 端點

Solana Beach主題

這個主題是很棒的 SynthWave '84 主題的一個分支。

從 v0.1.15 開始，無需外部擴充或依賴項即可激活發光效果！

首先，從 VS Marketplace 安裝基本主題。這就是 SolanaBeach '22 的日常使用方式。如果你想讓 80 年代的光彩煥發，就需要做一些額外的工作才能實作。

VS code 本身不支援文本效果，是以，發光效果是實驗性的。它可能有缺陷，雖然它看起來很不錯，但它并不适合長期使用。

TS Versions Switcher

切換typescript版本

在指令面闆運作Switch TS Version

REST Client

發送 HTTP 請求并直接在 Visual Studio Code 中檢視響應。

toggle quote

隻需點選一下（cmd + ' ）就可以改變在單引号和雙引号之間切換。

CONSOLE NINJA

添加console.log到代碼将在編輯器中相關代碼行的旁邊顯示日志輸出。

能夠在Vscode編輯器中相關代碼行旁邊立即看到日志，無需手動重新整理運作，将滑鼠懸停在console.log或錯誤值上将顯示更多詳細資訊。

RAINGLOW

包含320 多個主題的集合，适用于各種不同的編輯器和軟體。

Random Everything

一個 VS Code 擴充，可生成随機整數、浮點數、字元串、單詞等。

Snippet Creator

此擴充有助于自動建立代碼片段。選擇要從中建立代碼片段的代碼，并使用Create Snippet指令面闆或自定義按鍵綁定中的指令。

GitoCommito

• 自動送出生成：根據您的分階段更改生成送出。
• 遵守正常送出：遵守正常送出标準，無需記住約定。
• 與 OpenAI 內建：利用 OpenAI 語言模型的強大功能來建立有意義的送出消息。

VS Code Counter

可以獲得項目或工作區中的代碼行數。

vscode-gradle-groovysh

在 Gradle 項目的上下文中啟動 groovysh

Inline Fold

VS Code Inline Fold擴充模拟了VS Code對内聯代碼的折疊體驗。

這在使用像Tailwind CSS這樣的架構時尤其有用，因為這些架構使用了大量的實用類，而這些實用類通常會破壞代碼的可視化結構。你可以通過點選折疊展開它們。

您還可以将擴充配置為針對标記中的特定屬性。

作為掩碼使用的字元可以在設定中進行配置，您還可以更新regex表達式以比對您想要的任何代碼模式。

該擴充還可以在HTML/JSX标記中折疊屬性值。它使您的代碼更加整潔，更易于浏覽。

MobileView

MobileView提供了一個響應式移動視圖，可直接以visual studio代碼的形式測試應用程式和網站的移動視圖。

AppMap

AppMap 通過在送出更改并投入生産之前分析運作時代碼行為來增強開發人員體驗。

AppMap 記錄應用程式如何運作的詳細痕迹，并根據架構和技術（包括 Web 服務、視圖模闆、HTTP 用戶端請求、緩存、身份驗證和 SQL）對其進行分析。

在跟蹤視圖和序列圖中可以輕松發現錯誤、循環、調用、依賴關系、安全問題等。

VSCode Harpoon

VSCode Harpoon 是一個檔案導航工具，可讓您标記編輯器并跳轉到标記的編輯器。

添加第一個編輯器時，它将被設定為editor 1、下一個editor 2等等。

然後，您可以跳轉到工作區的任何位置editor 1或editor 2從工作區的任何位置跳轉。

感來自于 The Primeagen 的 neovim Harpoon插件。

DTDL

數字孿生定義語言(DTDL) 是一種用于描述即插即用裝置、裝置數字孿生和邏輯數字孿生模型的語言。從廣義上講，模組化使物聯網解決方案能夠在單個解決方案中從多個來源提供、使用和配置各種數字孿生。使用 DTDL 描述任何數字孿生的能力使 IoT 平台和 IoT 解決方案能夠利用每個數字孿生的語義。

借助Visual Studio Code 的 DTDL 擴充，您可以充分利用以下主要功能，更有效地使用 DTDL 讀寫文檔：

• 使用預定義或自定義模闆從指令選項闆建立界面。
• 智能感覺可幫助您了解語言文法（包括自動完成）。
• 使用預定義的代碼片段高效地開發 DTDL。
• 文法驗證。

更多：VsCode程式設計插件與教程