前端框架御三家之一的 Vue，在 2020 年第四季迎來的第三代版本，代號為 One Piece。雖說已略為上手 2.0 版，決定藉由 HiSKIO 2020 Vue3 專業職人 的課程，來加速自己的熟悉程度。這篇會筆記下課程中有提到的套件，以及自己開發上的一些補充。
課程相關資訊
[連結]：https://hiskio.com/courses/286/lectures/20884
本篇範圍：Chapter 2 ( 在開始之前 ) ，一共有 12 篇
請注意：本系列文章為個人對應課程的消化吸收後，所整理出來的內容。換言之，並不一定會包含全部的課程內容，也有可能會添加其他資源來說明。
內容
1. VS Code Icon：幫助你區別檔案類型，前方會有小圖示
2. Vetur ： Vue 的快捷程式碼，幫助給出一些 Vue 的開發關鍵字
3. Live Server：在本機端快速啟動一個虛擬伺服器。但若你是要用遠端連線開發的話，那麼 Preview on Web Server 會更為合適
4. Bracket Pair Colorizer：在 { } 間會有顏色，來幫助你對齊用
5. gitignore：當你在檔名點下滑鼠右鍵，會出現 “Add to gitignore ” 的選項
6. Prettier：自動排版
7. Babel JavaScript：撰寫高版本 JavaScript 必備的提示套件
8. CopyFileName：當你在檔名點下滑鼠右鍵，可以直接複製到剪貼簿
9. Color Highlight：若有輸入到色碼，可以在編輯器中顯示顏色
10. AutoFileName：當有撰寫到 src，會出現路徑提示選項
另外，想推薦 Tabnine 給大家，它可以機器學習你曾經手打的名稱或是大多數人常輸入的選項給予提示
