# day 4
擴充清單

Extension 插件:
1. [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer) 提供一個本地開發伺服器，讓您在修改程式碼後可以即時在瀏覽器中看到效果。
2. [indent-rainbow](https://marketplace.visualstudio.com/items?itemName=oderwat.indent-rainbow) 使用不同的顏色標示程式碼的縮排層級，使程式碼結構更清晰易讀。✔️
3. [Auto Close Tag](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag) 自動補全 HTML/XML 標籤的閉合標記。
4. [Auto Rename Tag](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag) 當您修改 HTML/XML 標籤的開頭或結尾時，自動同步修改另一個對應的標籤。
5. [Svg Preview](https://marketplace.visualstudio.com/items?itemName=SimonSiefke.svg-preview) 讓您可以在 VS Code 中預覽 SVG 圖片。
6. [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) 的程式碼檢查工具，幫助您找出潛在的錯誤和風格問題。✔️
7. [Path Intellisense](https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense) 自動補全檔案路徑。
8. [Chinese (Traditional) Language Pack for Visual Studio Code](https://marketplace.visualstudio.com/items?itemName=MS-CEINTL.vscode-language-pack-zh-hant) 將 VS Code 介面語言切換為繁體中文。
9. [Vue - Official](https://marketplace.visualstudio.com/items?itemName=Vue.volar) Vue.js 的官方擴充功能，提供語法高亮、程式碼片段等支援。✔️