iT邦幫忙

vscode extension相關文章
共有 47 則文章
鐵人賽 Software Development DAY 5
開心撰寫 PHPUnit 系列 第 5

技術 Day05. 讓 VSCode 來幫助自己寫測試 - 實戰篇

在上一篇僅僅介紹了PHPUnit Test Explorer來幫我們解決執行測試的問題,但還要多寫測試 code 的問題還是沒有被解決啊,今天介紹幾個 exte...

鐵人賽 Modern Web DAY 3

技術 【Day03】工欲善其事,必先利其器~

俗話說的好:「工欲善其事,必先利其器。」這句格言在各個領域都有著深刻的意義。 好比如,在寫作業的時候,先整理桌面和環境,可以使我們的思緒更加清晰,以提升工作效率...

鐵人賽 AI & Data DAY 25

技術 DAY 25 - dbt Core 入門 (3) - dbt Power User

昨天聊了 dbt Core 在本機開發的基本操作,但和 dbt Cloud 相比起來,還是麻煩很多。 今天要來介紹一個常用的 VS Code extension...

技術 Vscode 好用、好看、透明化插件

最近建了一個 github 專案,主要內容是分享 vscode 實用、好看的插件,包含: 一鍵安裝多個插件 透明化插件 主題 (好看炸的編輯環境)...

技術 11 個 VS Code 設定及套件推薦:色彩、icon 主題、字體、註解、防錯標示,外加 Mac Terminal 設定

有時候看電腦很久,覺得眼睛看 code 花花的, 這時候好的環境配置就很重要,顏色對比度適中,會比較好看 code,提升工作效率。 今天跟大家分享幾個我試了後,...

鐵人賽 Modern Web DAY 18

技術 定義屬於你的風格 X VS Code Extensions X ESLint X Prettier (18)

VS Code Extensions VSCode 的市集提供了相當多的 Extensions 能增進工程師的開發效能,Extensions 就像把妹神器,會幫...

鐵人賽 自我挑戰組 DAY 6

技術 Day 6:不是阿!這怎麼回事?【Tailwind 推薦套件】

環境搭建好之後,其實筆者在初次使用前有想到幾個問題,這些問題可以通過套件解決,本篇文章將會分享問題點,最後推薦套件給大家使用,可以幫助 tailwind 使用者...

鐵人賽 影片教學 DAY 11

技術 Day11 HTML結構

前言 今天正式進旺網頁前端的第一巨頭HTML那我們在寫HTML也是要準備我們Vscode的插件先下載完我們從明天開始使用,那廢話不多說我們先來介紹~ 插件安裝...

鐵人賽 影片教學 DAY 6

技術 Day06 使用 Markdown 語法前哨站

前言 在前幾天我們介紹了編輯器、程式語言、網頁前後端的區別,以及他的語法介紹,今天我們的主軸已裝上我們Markdown語法的插件作一些小準備,那我們開始吧! 首...

技術 [VSCodeVim] Vim的思維、哲學與解決問題之道

Vim的思維、哲學與解決問題之道 [系列文目錄] 每種工具都有它的設計理念,在接觸Vim的前後,我們會接觸大量的相關知識。 有幾個觀念與原則能幫助我們貫穿各個...

技術 [VSCodeVim] Vim的基本操作、模式與狀態列

Vim的基本操作、模式與狀態列 [系列文目錄] 在使用Vim之前,讓我們來認識一下Vim的模式(Mode)與各個模式之間的操作與轉換。 普通模式(Norma...

技術 [VSCode Extension] VSCodeVim: 系列文目錄

大家好,我是韋恩。 這個系列章節我們將會介紹VSCodeVim的使用與教學。 先前我們介紹過了VSCode Extension。有不少Extension值得花...

鐵人賽 自我挑戰組 DAY 8

技術 Day 08:Python基本介紹01 | 環境架設、Hello Python!

到目前為止,我們已經學了網頁前端的HTML和CSS,但在開始爬蟲前還有一個很重要的東西要學,那就是Python。 因此接下來幾天我會開始介紹Python的基礎語...

鐵人賽 自我挑戰組 DAY 3

技術 Day 03:專案01 - 超簡單個人履歷02 | HTML基本元素

大家早安阿! 來到我們冒險的第三天了,今天我要繼續來介紹HTML的其他常用元素,還沒看過昨天的建議先看完再來看這篇。 HTML基本元素(續) <img&g...

技術 Day36 | WebView Snippets管理頁面設計與開發

哈囉,大家好,我是韋恩。今天的文章是系列文的第三十六篇。我們會把完整snippet的元件與routing的部分設定好,份量會有點多。並會於下一篇系列文開始處理W...

技術 Day35 | WebView元件開發 - Webpack打包工具整合地雷陷阱排除

大家好,今天繼續來開發元件,並動手解決實務上我們遇到的設定配置的問題。在昨天的練習裡,我們可以使用babal-plugin-import按需載入使用到的第三方U...

技術 Day34 | WebView元件開發 - 使用Ant Design Mobile UI Library

哈囉大家好,今天我們又重啟了extension的開發,話說最近真忙啊,不過就算再忙專案也會進行下去開發完成的。 配置UI Library相關環境 今天開始,我...

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

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

鐵人賽 Software Development DAY 30

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

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

鐵人賽 Software Development DAY 29

技術 [Day29] VSCode Plugin - Other

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

鐵人賽 Software Development DAY 29

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

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

鐵人賽 Software Development DAY 28

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

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

鐵人賽 Software Development DAY 27

技術 Day27 | 導入WebviewPanel

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

鐵人賽 Software Development DAY 26

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

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

鐵人賽 Software Development DAY 25

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

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

鐵人賽 Software Development DAY 24

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

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

鐵人賽 Software Development DAY 23

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

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

鐵人賽 Software Development DAY 22

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

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

鐵人賽 Software Development DAY 21

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

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

鐵人賽 Software Development DAY 20

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

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