iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
Software Development

自己用的工具自己做! 30天玩轉VS Code Extension之旅 系列

用三十天的時間,使用typescript帶讀者們深入VSCode的Extension開發。希望讀者們因為這系列文章與練習更熟悉extesnion的開發、typescript的運用,進而產生興趣,做出自己的擴充套件並發佈在Marketplace上。

鐵人鍊成 | 共 36 篇文章 | 95 人訂閱 訂閱系列文 RSS系列文
DAY 11

Day11 | 那些跟extension開發脫不了關係的window命名空間api

大家好,我是韋恩,今天讓我們來看一下vscode在window的namespace底下的api。目的是把握這些api設計的組織與全貌,幫助我們理解與統合之前與接...

DAY 12

Day12 | 打造VSCode上的TreeView樹狀選單 (一) - 元件基本用法介紹

大家好,我是韋恩,今天是第十二天,讓我們來學習如何提供客製化樹狀選單的選項,讓使用者可以瀏覽大綱資訊,並點擊選單執行我們的命令服務。 今天一樣會有範例讓我們練習...

DAY 13

Day13 | 打造VSCode上的TreeView樹狀選單 (二) - DataProvider的原理與相關觀念 X List的增刪改查

大家好,我是韋恩,今天是第十二天,今天我們會介紹DataProvider的原理與相關觀念,並實際練習新增、修改與刪除TreeDataProvider的樹狀選單上...

DAY 14

Day14 | OutputChannel,輸出Extension的訊息

大家好,我是韋恩,今天是第十四天,今天我們會練習使用Output Channel輸出訊息給使用者,並利用OutputChannel練習熟悉物件導向的設計,讓我們...

DAY 15

Day15 | Webview API (一)

大家好,我是韋恩,今天是第十五天,我們將開始了解如何在VSCode使用Webview。 Webview元件概覽 在VSCode提供的元件裡面,Webview是...

DAY 16

Day16 | WebView API (二)

大家好,我是韋恩,今天是第十六天,我們會繼續了解如何在VSCode使用Webview與一些相關API原理。 在WebView裡使用Javascript 在昨天...

DAY 17

Day17 | WebView API (三)

大家好,我是韋恩,今天是第十七天,我們會繼續了解如何在VSCode使用Webview。 今天,我們會來學習如何載入本地資源與Javascript,這些教學是幫助...

DAY 18

Day18 | WebView API (四)

大家好,我是韋恩,今天是第十八天,我們會繼續了解如何組織Webview,並進一步整合當前流行的SPA前端框架。 設計CustomWebPanel物件 在前面的...

DAY 19

Day19 | 專案實戰:CodeManager介紹

大家好,今天是第十九天。我們將開始實作一個用滿足現實生活需求的擴充套件,今天會先了解專案必備的功能與需求,以及一些相關背景。 專案緣起 這次鐵人賽我們將做的專...

DAY 20

Day20 | 初始專案與元件配置

大家好,今天是第二十天,讓我們開始配置專案與基本元件吧! 今天我們會先配置樹狀元件,配合明天的功能實作做準備。 CodeManager專案實戰 環境準備...

缺乏咖啡因的韋恩的收藏
缺乏咖啡因的韋恩的追蹤
缺乏咖啡因的韋恩的Like
缺乏咖啡因的韋恩的紀錄