您的玩具，我們的沙盒

新的 TypeScript 遊樂場允許人們連接到遊樂場並以 TypeScript 團隊意想不到的方式進行擴充。

遊樂場的側邊欄使用與外部外掛程式相同的外掛程式基礎架構，因此您擁有與遊樂場相同的存取權限來建立有趣的專案。

遊樂場外掛程式是透過 DOM API 和廣泛的設計系統建置的，不過，您可以在執行階段自由使用 React 或 Svelte 等架構。

入門很容易，我們有一個外掛程式範本，而遊樂場有一個開發模式，可直接連接到您的本機伺服器，因此您不需要執行 TypeScript 網站的副本即可擁有可運作的開發環境。

在 microsoft/TypeScript-Playground-Samples 中有一個範例外掛程式存放庫，而且還有許多現有的開放原始碼外掛程式可供參考：簡報模式、Clippy、TSQuery、Collaborate 和 Transformer，這些外掛程式預設可供您研究和了解。

如果您在開發外掛程式時有任何問題，請在 TypeScript 社群 Discord 中詢問。當外掛程式完成後，請將其發佈到 npm 註冊表，它將會出現在外掛程式側邊欄中。

快速教學

您需要大約 5 分鐘、Node.js、yarn 和 Firefox/Edge 或 Chrome。

步驟 1：使用範本進行引導：yarn create typescript-playground-plugin playground-my-plugin

步驟 2：在新存放庫中執行 yarn start，以啟動本機開發伺服器

步驟 3：在您的瀏覽器中開啟遊樂場，按一下「選項」並啟用 "連線至 localhost:5000/index.js"

步驟 4：重新整理，並查看新的分頁。那就是您的外掛程式已上線並執行

所有這些部分協同運作，現在您可以對範本進行變更並建置外掛程式。開發模式中的外掛程式在連線時將永遠成為最優先，因此您可以重新載入而無需大量點擊。若要了解範本技術，請閱讀 CONTRIBUTING.md

有由社群執行的範本，用於 Playground 外掛程式，這些範本會使用知名的檢視函式庫來引導您的外掛程式

它們在各自的 README 中有自己的最新文件。