【筆記】1.4 VSCode 安裝延伸模組

安裝這些延伸模組，可以加速你的工作效率，每個人都會有自己最順手的套件組，你的不需要和我的一樣。

VSCode的外掛安裝方式，比sublime方便許多。有容易了解的介面，每一個延伸模組前都有自己的LOGO方便辨識。



以下是我安裝的套件。套件數量過多，也許會降低效能

1. Auto Import
2. Chinese(Traditional) Language Pack for Visual Studio Code
3. CSS Peek
4. HTML CSS Support
5. indent-rainbow
6. Live Sass Compiler
   裝完後，在VSCode最下方一條藍色的，會出現這個選項，要把寫好的SCSS轉換成CSS，只要按一下就完成嘍。
   
   撰寫過程中，寫錯了下方會出現，寫對了下方會出現
   
   在轉換的過程如果有錯誤，會條列項目且無法轉換
   
7. Live Server
   這個功能類似 sublime 的 LiveReload，裝完後，在VSCode最下方一條藍色的會出現這個選項，按下以後會在瀏覽器開啟一個新頁面，網址如下
   
   
   接下來，在VSCode內的修改，儲存時瀏覽器頁面就會自動更新。
8. Sass Formatter
9. SCSS IntellinSense
10. Sublime Text Keymap and Settings Importer
    這個一定要說一下，寫這個外掛的人實在是太狠了，在 VSCode 可以完全使用 Sublime 的快速鍵跟設定，跳槽初期會產生的不順感都沒啦！那到底還有什麼理由不跳槽？！
11. Trailing Spaces
12. Vetur
13. VSCode Great Icons