iT邦幫忙

vscode相關文章
共有 129 則文章

技術 Day32 | 在WebView裡使用Router的問題與解法!

大家好,今天是第三十二天,也是賽程結束後的第二天。 昨天介紹了我們會在Webview裡使用的套件,今天會介紹一下在webview裡使用router時實際遇到的問...

鐵人賽 Software Development DAY 30

技術 Day30 | 30天系列回顧 X賽程後規劃

好啦,今天是第三十天了,今天會分享下賽程心得,並回顧一下前面系列文,最後是三十天後的規劃! 參賽動機&回顧 這次參加鐵人賽,主要有幾個目標: 透過鐵人賽的...

鐵人賽 Software Development DAY 29

技術 Day29 | 使用extension動態產生snippet提示吧!

大家好,我是韋恩,今天是鐵人賽的第二十九天,今天我們會來練習language命名空間下的api,使用它幫使用者產生snippet。 CompletionItem...

鐵人賽 Software Development DAY 29

技術 [Day29] VSCode Plugin - Other

來到 VSCode Plugin 介紹的最後一天,想整理一些雖然跟開發沒直接相關,但是能幫助提升生產力,或是能適當幫助自己休息的工具。 TODO Highlig...

鐵人賽 Software Development DAY 28

技術 Day28 | 獲取安裝的extension進行操作

大家好,我是韋恩,今天是第二十八天,讓我們會練習獲取extension的api,為專案的重點功能做準備! Extension API簡介 在vscode的a...

鐵人賽 Software Development DAY 28

技術 [Day28] VSCode Plugin - Debug Visualizer

Github 連結 VSCode Marketplace Playground 推薦程度:⭐⭐⭐ 在 VSCode 除錯,除了可以進行基本的中斷...

鐵人賽 Software Development DAY 27

技術 Day27 | 導入WebviewPanel

大家好,我是韋恩,今天是鐵人賽的二十六天,讓我們在專案的現有架構裡導入WebViewPanel元件吧! CodeManager當前專案架構 在昨天,我們初步...

鐵人賽 Software Development DAY 27

技術 [Day27] VSCode Plugin - WakaTime

官網連結 VSCode Marketplace 推薦程度:⭐⭐⭐⭐⭐ 有在寫工作日誌或週誌,或是想了解自己到底花了多少開發時間的人,非常大力推薦使用...

鐵人賽 Software Development DAY 26

技術 Day26 | 實現Extension內的MVVM架構

大家好,我是韋恩,今天是鐵人賽的二十六天,讓我們來設計extension中的MVVM架構吧! MVVM軟體架構簡介與Extension中的實作 在軟體設計中...

鐵人賽 Software Development DAY 25

技術 Day25 | Extension事件與資料處理

大家好,我是韋恩,今天是鐵人賽的二十五天,讓我們來設計extension的事件與資料流處理吧! Day25專案實作: 設計Extension中的事件與資料流...

鐵人賽 Software Development DAY 25

技術 [Day25] VSCode Plugin - TabNine

從今天開始到第 29 天,我將會整理 VSCode 的一些 Plugin 介紹。今天要看的是,想靠機器學習一統 Snippet 世界的 TabNine。...

鐵人賽 Software Development DAY 24

技術 Day24 | 開發Snippet用的元件(二)

大家好,我是韋恩,今天是鐵人賽的二十四天,我們將繼續元件的新增功能,並會檢視下目前的元件設計與架構! Day24專案實作: 元件開發與架構調整 在先前的樹狀元...

鐵人賽 Software Development DAY 23

技術 Day23 | 開發Snippet用的元件(一)

大家好,我是韋恩,今天是鐵人賽的二十三天,讓我們來幫專案實現創建樹狀元件並讀取工作區程式碼片段的功能吧! Day23專案實作: 開發使用者的snippet樹狀元...

鐵人賽 Software Development DAY 22

技術 Day22 | 創建使用者的Snippet工作區

大家好,我是韋恩,今天是鐵人賽的二十二天,讓我們來幫專案實現創建工作區的功能吧! Day22專案實作: 創建使用者的snippet工作區 在前天的練習,我們c...

鐵人賽 Modern Web DAY 22

技術 【Day 22】如何使用 VS Code 內建工具做簡單的版本控制

Day18 ~ Day21 是教大家如何使用 SourceTree 做版本控制。 在工作上,因為公司只有三個人,其中只有筆者一個人在使用版本控制,後來都習慣使用...

鐵人賽 Software Development DAY 21

技術 Day21 | 把選取的程式碼轉換為snippet物件吧!

大家好,我是韋恩,今天是鐵人賽的二十一天,讓我們來幫專案實現將選中的程式碼加入snippet的功能吧! Day21專案實作(一): 獲取選中的程式碼 在vsc...

鐵人賽 Software Development DAY 20

技術 Day20 | 初始專案與元件配置

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

鐵人賽 Software Development DAY 19

技術 Day19 | 專案實戰:CodeManager介紹

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

鐵人賽 Software Development DAY 18

技術 Day18 | WebView API (四)

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

鐵人賽 Software Development DAY 17

技術 Day17 | WebView API (三)

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

鐵人賽 Software Development DAY 16

技術 Day16 | WebView API (二)

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

鐵人賽 Software Development DAY 15

技術 Day15 | Webview API (一)

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

鐵人賽 Software Development DAY 14

技術 Day14 | OutputChannel,輸出Extension的訊息

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

鐵人賽 Software Development DAY 13

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

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

鐵人賽 Software Development DAY 28

技術 附錄3. Debug 溺死的都是會游泳的,造成Bug的都是會寫程式的

寫在前面 有時候程式並沒有得到你的預期效果,直接崩潰或是給出了錯誤的資料 這時候我們就需要Debug 以往我們在看程式執行到底哪一段出錯時都會需要在各種地方印東...

鐵人賽 Software Development DAY 12

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

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

鐵人賽 Software Development DAY 11

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

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

鐵人賽 Software Development DAY 10

技術 Day10 | 你問我答,Extension與使用者的互動流程

大家好,我是韋恩,今天我們來演練一下如何在vscode裡面跟使用者做對答互動,使用GUI互動的方式滿足實務上的需求與功能。 使用者流程與情境說明 想像一下,我...

鐵人賽 Software Development DAY 9

技術 Day09 | Data Storage以及教學中沒有特別提及的小細節

哈囉,大家好,我是韋恩,今天我們來了解一下在vscode裡的data storage,今天介紹的內容也都非常實務。 VSCode的Data Storage簡介...

鐵人賽 Software Development DAY 8

技術 Day08 | 提供使用者Extension的設定選項吧

大家好,我是韋恩,今天是鐵人賽的第八天。 今天,我們來客製化提供給套件使用者的extension個人設定,這個功能在實務上非常有幫助。準備好了嗎? Worksp...