Visual Studio Code 推薦使用插件 === ### 1. One Dark Pro - 深色主題 這個主題目前最多人用 ![One Dark Pro](https://i.imgur.com/k0w260I.png) ### 2. Brackets Light Pro - 淺色主題 ![Brackets Light Pro](https://i.imgur.com/pCM4od0.png) ### 3. Tiny Light - 暖色主題護眼 ![Tiny Light](https://i.imgur.com/73jGoIJ.png) ### 4. vscode-icons - 使 Icons 容易辨識 ![vscode-icons](https://i.imgur.com/MHNLG3E.png) ### 5. Bracket Pair Colorizer 2 - 讓括號有顏色 ![Bracket Pair Colorizer 2](https://i.imgur.com/8alA066.png) ### 6. Code Runner(強烈推薦) 可只需按幾個按鍵就編譯執行程序,省去手動編譯執行的時間。以下為說明。 >Run code snippet or code file for multiple languages: C, C++, Java, JavaScript, PHP, Python, Perl, Perl 6, Ruby, Go, Lua, Groovy, PowerShell, BAT/CMD, BASH/SH, F# Script, F# (.NET Core), C# Script, C# (.NET Core), VBScript, TypeScript, CoffeeScript, Scala, Swift, Julia, Crystal, OCaml Script, R, AppleScript, Elixir, Visual Basic .NET, Clojure, Haxe, Objective-C, Rust, Racket, AutoHotkey, AutoIt, Kotlin, Dart, Free Pascal, Haskell, Nim, D, Lisp, and custom command ### 7. Live Server 在做網頁前端開發時,這個東西將成為利器,只需按幾個鍵即可將 HTML 執行在瀏覽器,並與代碼同步。 >Launch a development local Server with live reload feature for static & dynamic pages. 此為使用示意圖。 ![](https://i.imgur.com/cYDqy8L.png) ### 8. Git history 可以看到整個倉庫文件的提交歷史,及修改的地方。 ![](https://i.imgur.com/6WtbSlH.png) ##### ©copyright by Huang Po-Hsun