一、前言
上一篇文章介紹了 VSCode 好用的快捷鍵，此篇開始介紹其他擴充之實用功能囉。沒意外的話，應該會不斷更新。XDDD
自古有一句話說，「工欲善其事，必先利其器」，我一直覺得很有道理！雖然很多前輩們都說，剛學習寫程式，不應該使用(過度依賴)套件帶來的便利性，導致養成寫爛扣的壞習慣，但我覺得有的時候，擴充套件有它的好處與省時性，大家可以斟酌使用。
原則上一樣用表格方式陳述，會附上連結，但為了讓主題鮮明清晰，不會附上使用效果圖，大家有興趣的話，可以再行查找更多前輩文章或官方介紹。
二、基本 VSCode 必備擴充功能
| 名稱 | 主要功能 |
|---|---|
| Live Server Preview | 即時預覽 |
| indent-rainbow | 對齊程式碼 |
| Import Cost | 計算 import 或 require 的外部資源尺寸 |
| Better Comments | 彩色註解 |
| Todo Tree | todo list的概念 |
| TODO Highlight | 彩色的TODO與 FIXME |
三、前端工程師的 VSCode 必備擴充功能
| 名稱 | 主要功能 |
|---|---|
| HTML CSS Support | 針對標籤屬性會有對應的 css智慧提示 |
| Chinese Lorem | 中文假文生成器 |
| Lorem ipsum | 英文假文生成器 |
| Image preview | 即時預覽Image圖案 |
| SVG Viewer | 即時預覽SVG圖案 |
| Excel Viewer | 即時預覽Excel文件 |
| PDF Preview | 即時預覽PDF文件 |
| Turbo Console Log | 快速填上 Console.log()，用來偵錯很方便 |
四、結論與自我鼓勵
這邊只有簡單列一些我自己或同事常用的擴充套件，其實大家可以依自己需求去尋找 VSCode 官方網站，我覺得對開發真的幫助良多~我也是就職後，又有多學了幾個，如果你們也有超常用且推薦的，也歡迎留言跟大家分享唷！後端因為很少寫，而且進公司後後端是asp dot net core ，不是用 VSCode 開發，所以之後有機會在介紹另一個編輯器吧～