網路資源
HTML End Tag Labels 是一款為 Visual Studio Code 所設計的擴充功能，主要功能是在 VSCode 中標記 HTML 結束標籤，使得開發者能夠更清晰地辨識各個 HTML 元素的結構，進而提升撰寫時的準確性與效率。此擴充功能支援自定義標籤前綴（預設為 /），並允許透過主題顏色來自定義標籤顏色，以適應不同的開發環境和個人偏好。
網路資源
Highlight Matching Tag 是一款專為 Visual Studio Code 開發的擴充功能，旨在提升開發者在編寫及閱讀程式碼時的效率和準確性。透過突顯配對的開始與結束標籤，此擴充功能大幅改善了 VS Code 原生的標籤配對功能，不僅支援 HTML 和 JSX，對於 XML、Vue、Angular、PHP 等語言也提供了部分支援。此外，它允許使用者自定義標籤Highlight樣式，從而在不同的開發環境中提供更佳的視覺體驗。使用者可透過擴充功能的設定來開啟或關閉Highlight顯示，調整是否在狀態欄顯示標籤路徑，以及設定標籤在概述尺規中的顯示方式等。
網路資源
人工智慧持續提高各種工作生產力，開發人員也不例外。IntelliCode是一款工具，它能夠提供智慧型代碼完成建議，這些建議能夠與當前的代碼上下文相匹配。
網路資源
CodeGenius 是一款尖端的 Visual Studio Code 擴充功能，透過在你的程式碼編輯器中提供 AI 驅動的程式碼助手，徹底改變你的開發體驗。憑藉 CodeGenius，你可以提高生產力、撰寫更好的程式碼，並獲得即時幫助，使程式撰寫更快速且高效。
網路資源
VS Code 上的 CSS Peek 擴充功能可讓您快速查看 HTML 中分配的各種class名稱和 ID 的 CSS 樣式定義。
網路資源
ESLint 是一款用來找出並修正 JavaScript 程式碼問題的工具。它同時處理程式碼品質和編碼風格的問題，幫助識別可能導致困難錯誤的程式設計模式。
網路資源
JavaScript Booster是一款針對Visual Studio Code開發的擴充套件，旨在透過先進的JavaScript及TypeScript重構及指令來提升開發者的生產力。截至目前，這款工具已經獲得超過51萬次的安裝。
網路資源
Cursor AI Editor 是一個結合 ChatGPT 的內建 AI 輔助程式開發編輯器，你可以簡單地藉由自然語言與之對話，就能快速生成程式碼。
網路資源
JavaScript (ES6) code snippets 是 VS Code 的一個可以提示 JavaScript 程式碼的擴充套件，幫助開發者更快速地撰寫 JavaScript。
網路資源
Jupyter AI 提供了一種用戶友好且強大的方式，在筆記本中探索生成式人工智慧模型，並在 JupyterLab 和 Jupyter Notebook 中提升開發者的工作效率。
網路資源
ChatGPT GPT-4(Bito) 是一個把 ChatGPT 整合進你的 IDE 內的好用工具，而且還免費，支援 VS Code、Jetbrains 系列，也有 Chrome 擴充功能。
網路資源
Volar 是一個針對 Visual Studio Code (VS Code) 的擴充套件，旨在提供更好的 Vue 開發體驗。這個擴充套件是由 Vue 核心團隊開發的，並且是 Vue 3 的官方推薦工具。
網路資源
ChatGPT - EasyCode 這個 VS Code 的擴充功能提供了一個可以在在 Visual Studio Code 中使用 GPT-3 和 GPT-4 的聊天介面，以便與聊天機器人進行交互，編寫和測試自然語言相關的程式碼或專案的方便介面。
網路資源
OpenRefactorAI 是一款以 OpenAI 為基礎的 VSCode 擴充套件，可以根據您的指示來重新整理程式碼。透過 OpenRefactorAI，您可以輕鬆精準地利用人工智慧的力量重新結構程式碼片段。
網路資源
Buildt AI 這個 VS Cod 擴充套件可以直接透過模糊的文字描述，直接找到你專案中的該功能的原始碼，在套件的介紹還有提到將來還會有幫你產生 code 以及優化 code 的功能，有興趣的可以使用看看。
網路資源
喜歡 Markdown 的朋友，如果有想要製作投影片的話，可以試試看 Marp 這個服務。
網路資源
在用 VS Code 寫網站時，如果有需要用到 SVG，推薦可以使用 SVG 這個 extension，只要安裝後就可以提示 SVG 的 code，以及有 SVG 的預覽功能。
教學與資訊
我們在網站要客製化 Bootstrap 的 CSS 其實最好是去修改 SCSS 會比較好，如果網站本身沒有編譯 SCSS 的環境，建議可以透過之前介紹的 VS Code 套件 Live Sass Compiler 來編譯，首先安裝完後，再去 Bootstrap 官網下載原始碼。
