大家好,今天是鐵人賽第三天,我們來介紹VSCode的使用者設定與工作區概念,這是未來幫助我們extension開發的基本觀念。 VSCode Settings概...
今天是Day2,我會概括介紹VSCode的介面與相關說明,這是VSCode Extension開發的基礎。 VSCode介面基本佈局 VSCode的設計理念是希...
有時候看電腦很久,覺得眼睛看 code 花花的, 這時候好的環境配置就很重要,顏色對比度適中,會比較好看 code,提升工作效率。 今天跟大家分享幾個我試了後,...
到目前為止,我們已經學了網頁前端的HTML和CSS,但在開始爬蟲前還有一個很重要的東西要學,那就是Python。 因此接下來幾天我會開始介紹Python的基礎語...
底下介紹的是2020鐵人賽期內一開始的規劃和賽期內完成的文章。使用者操作和Vim相關的系列文請詳見:[VSCode Extension]VSCodeVim:系...
今天是鐵人賽的第四天,今天是我們最後一天專門學習跟VSCode有關的基礎觀念。或許有讀者想快速進入實戰,但請相信筆者,今天了解的觀念,絕對會對我們開發exten...
來到 VSCode Plugin 介紹的最後一天,想整理一些雖然跟開發沒直接相關,但是能幫助提升生產力,或是能適當幫助自己休息的工具。 TODO Highlig...
大家好,我是韋恩,今天是第十二天,讓我們來學習如何提供客製化樹狀選單的選項,讓使用者可以瀏覽大綱資訊,並點擊選單執行我們的命令服務。 今天一樣會有範例讓我們練習...
哈囉大家好,我是韋恩,今天是第六天,讓我們來練習Command API吧! 今天我幫大家會有一個練習小試身手,動手玩玩吧! 環境準備 讓我們先準備開發環境,請...
大家好,我是韋恩,今天是鐵人賽的第五天,今天,我們將開始第一個extension專案,並練習使用VSCode的Command命令。 開發環境配置 在開始前,請...
大家好,我是韋恩,今天是第七天,讓我們來學習如何提供客製化選單的選項,讓使用者可以點擊執行我們的命令服務。 這幾天大家會有範例開始不斷的練習這些api,觀念已經...
大家好,今天繼續來開發元件,並動手解決實務上我們遇到的設定配置的問題。在昨天的練習裡,我們可以使用babal-plugin-import按需載入使用到的第三方U...
大家早安阿! 來到我們冒險的第三天了,今天我要繼續來介紹HTML的其他常用元素,還沒看過昨天的建議先看完再來看這篇。 HTML基本元素(續) <img&g...
哈囉,大家好,我是韋恩。今天的文章是系列文的第三十六篇。我們會把完整snippet的元件與routing的部分設定好,份量會有點多。並會於下一篇系列文開始處理W...
哈囉大家好,今天我們又重啟了extension的開發,話說最近真忙啊,不過就算再忙專案也會進行下去開發完成的。 配置UI Library相關環境 今天開始,我...
大家好,我是韋恩,今天是第十二天,今天我們會介紹DataProvider的原理與相關觀念,並實際練習新增、修改與刪除TreeDataProvider的樹狀選單上...
哈囉,大家好,我是韋恩,今天我們來了解一下在vscode裡的data storage,今天介紹的內容也都非常實務。 VSCode的Data Storage簡介...
大家好,今天是第三十二天,也是賽程結束後的第二天。 昨天介紹了我們會在Webview裡使用的套件,今天會介紹一下在webview裡使用router時實際遇到的問...
大家好,我是韋恩,今天是鐵人賽的第八天。 今天,我們來客製化提供給套件使用者的extension個人設定,這個功能在實務上非常有幫助。準備好了嗎? Worksp...
大家好,我是韋恩,今天是第十四天,今天我們會練習使用Output Channel輸出訊息給使用者,並利用OutputChannel練習熟悉物件導向的設計,讓我們...
Vim的基本操作、模式與狀態列 [系列文目錄] 在使用Vim之前,讓我們來認識一下Vim的模式(Mode)與各個模式之間的操作與轉換。 普通模式(Norma...
大家好,我是韋恩,今天是鐵人賽的二十一天,讓我們來幫專案實現將選中的程式碼加入snippet的功能吧! Day21專案實作(一): 獲取選中的程式碼 在vsc...
大家好,我是韋恩,今天是第十五天,我們將開始了解如何在VSCode使用Webview。 Webview元件概覽 在VSCode提供的元件裡面,Webview是...
大家好,我是韋恩,今天讓我們來看一下vscode在window的namespace底下的api。目的是把握這些api設計的組織與全貌,幫助我們理解與統合之前與接...
大家好,我是韋恩,今天我們來演練一下如何在vscode裡面跟使用者做對答互動,使用GUI互動的方式滿足實務上的需求與功能。 使用者流程與情境說明 想像一下,我...
最近建了一個 github 專案,主要內容是分享 vscode 實用、好看的插件,包含: 一鍵安裝多個插件 透明化插件 主題 (好看炸的編輯環境)...
大家好,我是韋恩。 這個系列章節我們將會介紹VSCodeVim的使用與教學。 先前我們介紹過了VSCode Extension。有不少Extension值得花...
大家好,我是韋恩,今天是第十八天,我們會繼續了解如何組織Webview,並進一步整合當前流行的SPA前端框架。 設計CustomWebPanel物件 在前面的...
大家好,我是韋恩,今天是鐵人賽的二十六天,讓我們來設計extension中的MVVM架構吧! MVVM軟體架構簡介與Extension中的實作 在軟體設計中...
前言 在前幾天我們介紹了編輯器、程式語言、網頁前後端的區別,以及他的語法介紹,今天我們的主軸已裝上我們Markdown語法的插件作一些小準備,那我們開始吧! 首...