標籤: VS Code Extension 頁1

VS Code Extension相關的文章，目前共收錄 20 篇內容。

ChatGPT GPT-4(Bito)：把 ChatGPT 整合進你的 IDE 內，支援 VS Code、Jetbrains 系列與 Chrome 擴充功能
網路資源

ChatGPT GPT-4(Bito)：把 ChatGPT 整合進你的 IDE 內，支援 VS Code、Jetbrains 系列與 Chrome 擴充功能

ChatGPT GPT-4(Bito) 是一個把 ChatGPT 整合進你的 IDE 內的好用工具，而且還免費，支援 VS Code、Jetbrains 系列，也有 Chrome 擴充功能。

[VS Code 擴充套件] Vue Language Features (Volar)：好用的 Vue 開發工具
網路資源

[VS Code 擴充套件] Vue Language Features (Volar)：好用的 Vue 開發工具

Volar 是一個針對 Visual Studio Code (VS Code) 的擴充套件，旨在提供更好的 Vue 開發體驗。這個擴充套件是由 Vue 核心團隊開發的，並且是 Vue 3 的官方推薦工具。

ChatGPT - EasyCode：在 VS Code 或 PhpStorm 編輯器內方便的使用 ChatGPT
網路資源

ChatGPT - EasyCode：在 VS Code 或 PhpStorm 編輯器內方便的使用 ChatGPT

ChatGPT - EasyCode 這個 VS Code 的擴充功能提供了一個可以在在 Visual Studio Code 中使用 GPT-3 和 GPT-4 的聊天介面，以便與聊天機器人進行交互，編寫和測試自然語言相關的程式碼或專案的方便介面。

[VS Code 擴充套件] OpenRefactor AI：基於 OpenAI 的 VS Code 程式碼重構工具
網路資源

[VS Code 擴充套件] OpenRefactor AI：基於 OpenAI 的 VS Code 程式碼重構工具

OpenRefactorAI 是一款以 OpenAI 為基礎的 VSCode 擴充套件，可以根據您的指示來重新整理程式碼。透過 OpenRefactorAI，您可以輕鬆精準地利用人工智慧的力量重新結構程式碼片段。

[VS Code 擴充套件] Buildt AI 透過文字描述搜尋，找到專案中的該功能的原始碼
網路資源

[VS Code 擴充套件] Buildt AI 透過文字描述搜尋，找到專案中的該功能的原始碼

Buildt AI 這個 VS Cod 擴充套件可以直接透過模糊的文字描述，直接找到你專案中的該功能的原始碼，在套件的介紹還有提到將來還會有幫你產生 code 以及優化 code 的功能，有興趣的可以使用看看。

Marp- 利用 Markdown 來製作投影片
網路資源

Marp- 利用 Markdown 來製作投影片

喜歡 Markdown 的朋友，如果有想要製作投影片的話，可以試試看 Marp 這個服務。

[VS Code 擴充套件] SVG- 方便的 SVG 標籤提示與預覽工具
網路資源

[VS Code 擴充套件] SVG- 方便的 SVG 標籤提示與預覽工具

在用 VS Code 寫網站時，如果有需要用到 SVG，推薦可以使用 SVG 這個 extension，只要安裝後就可以提示 SVG 的 code，以及有 SVG 的預覽功能。

[VS Code 擴充套件] TODO Highlight- 幫你把待辦事項清楚標示出來
網路資源

[VS Code 擴充套件] TODO Highlight- 幫你把待辦事項清楚標示出來

TODO Highlight 是一個 VS Code 的擴充套件，安裝後可以藉由在註解時加上一些關鍵字讓樣式改變，方便提示開發者該做的事情。

[VS Code 擴充套件] PHP Intelephense- 格式化 PHP 程式碼
網路資源

[VS Code 擴充套件] PHP Intelephense- 格式化 PHP 程式碼

PHP Intelephense 是一個簡單好用的 VS Code 格式化擴充套件，只要安裝後按右鍵就可以格式化 PHP 的程式碼，或是按下 Shift+Alt+F 透過熱鍵格式化文件。

[VS Code 擴充套件] vscode-pets 在 VS Code 上面養個寵物吧
網路資源

[VS Code 擴充套件] vscode-pets 在 VS Code 上面養個寵物吧

vscode-pets 這是一個輕鬆的 VS Code 套件，安裝後就能夠在 VS Code 上面養寵物，而且也能透過設定替換主題喔。

[VS Code 擴充套件] Material Icon Theme- 使用 Material Icon 當你的檔案圖示
網路資源

[VS Code 擴充套件] Material Icon Theme- 使用 Material Icon 當你的檔案圖示

Material Icon Theme 是可以把 VS Code 的檔案圖示替換成 Material Icon 的樣子，喜歡漂亮介面的朋友可以使用看看。

[VS Code 擴充套件] 使用 Live Sass Compiler 套件自動編譯 SASS/SCSS
網路資源

[VS Code 擴充套件] 使用 Live Sass Compiler 套件自動編譯 SASS/SCSS

SASS/SCSS 是寫 CSS 的好幫手，不過一般要寫的話都需要先安裝好相關的環境才能開始寫，不過還好 VS Code 有人就開發出可以直接自動編譯的套件 Live Sass Compiler，安裝後就算不弄環境也可以直接撰寫 SASS/SCSS 了。

[VS Code 擴充套件] Git Graph- 視覺化 Git 套件
網路資源

[VS Code 擴充套件] Git Graph- 視覺化 Git 套件

Git Graph 是 VS Code 視覺化 Git 的擴充套件，也可以自訂調整 UI 的樣式。

[VS Code 擴充套件] Settings Sync- 同步 VS Code 設定的好套件
網路資源

[VS Code 擴充套件] Settings Sync- 同步 VS Code 設定的好套件

Settings Sync 是一個可以方便幫你同步 VS Code 設定跟套件的好工具，因為該套件是使用 Github 帳號儲存資料，所以安裝好後登入 Github，之後不管是換電腦或是要在別的地方使用 VS Code，只要透過這個套件就能輕鬆同步了。

[VS Code 擴充套件] Polacode- 簡單幫你直接把程式碼轉存成圖片
網路資源

[VS Code 擴充套件] Polacode- 簡單幫你直接把程式碼轉存成圖片

Polacode 是一個簡單就能幫你直接把程式碼轉存成圖片，如果有想要把程式碼用截圖的方式分享給其他人，可以試試這個套件。

[VS Code 擴充套件] Better Comments- 讓程式的註解有不同的樣式
網路資源

[VS Code 擴充套件] Better Comments- 讓程式的註解有不同的樣式

Better Comments 是可以在 VS Code 裡讓註解不是只有千篇一律樣式的擴充套件。

[VS Code 擴充套件] 利用 Project Manager 幫你管理開發專案
網路資源

[VS Code 擴充套件] 利用 Project Manager 幫你管理開發專案

在 VS Code 我們要開發專案時，應該都會指向某一個資料夾，但同時開發的專案多了管理起來就比較麻煩，這時候就可以透過 Project Manager 這個 VS Code 的擴充套件來協助管理專案。

[VS Code 擴充套件] Auto Close Tag- 自動幫你封閉 HTML 標籤
網路資源

[VS Code 擴充套件] Auto Close Tag- 自動幫你封閉 HTML 標籤

Auto Close Tag 是一個當你打好 HTML 標籤前半邊，就會自動生成後半邊的 VS Code 擴充套件，也是很實用的套件建議大家都可以裝一下。