VSCode 必裝套件 2021 年補充 === ###### tags: `VSCode` `Extensions` --- # Prettier Code Formatter 格式化文件(排版) --- # Quokka.js ![Quokka.js](https://quokkajs.com/assets/img/main-video.gif) 即時測試語法 [在 Quokka.js 環境下使用 npm 第三方模組](https://blog.poychang.net/quokkajs-import-npm-module/) --- # Wallaby.js ![Wallaby.js](https://wallabyjs.com/assets/img/vsc.gif) 即時回饋程式碼覆蓋率 # Error Lens ![Error Lens](https://raw.githubusercontent.com/usernamehw/vscode-error-lens/master/img/demo.png) 語法錯誤提醒(程式碼後面直接顯示) --- # Peacock ![Peacock](https://raw.githubusercontent.com/johnpapa/vscode-peacock/main/resources/hero.png) 工作區域改變顏色 操作說明: [Peacock for VS Code：为你的窗口添上五彩斑斓的色彩](https://zhuanlan.zhihu.com/p/84175150) --- # Code Spell Checker ![Code Spell Checker](https://raw.githubusercontent.com/streetsidesoftware/vscode-spell-checker/main/images/example.gif) 英文單字檢查，避免拼錯字 --- # A-super-translate (不能用了😥) ![A-super-translate](https://github.com/intellism/vscode-comment-translate/raw/master/doc/image/cn/Introduction.gif) 自動翻譯 --- # Comment Translate ![Comment Translate](https://github.com/intellism/vscode-comment-translate/raw/HEAD/doc/image/cn/Introduction.gif) # filesize ![filesize](https://cldup.com/_Y52O-UfkK.jpg) 顯示檔案大小 --- # TabNine ![TabNine](https://github.com/codota/TabNine/raw/master/with-and-without-tabnine-java.gif) 程式碼自動補充 --- # npm Intellisense ![npm Intellisense](https://github.com/ChristianKohler/NpmIntellisense/raw/master/images/auto_complete.gif) # CodeSnap [CodeSnap](https://marketplace.visualstudio.com/items?itemName=adpyke.codesnap) 程式碼轉圖片