Web開發的5個基本VS Code擴展
VS Code 是一個功能強大的IDE編輯器，很多人使用它進行Web應用的開發。這裡介紹對Web開發最重要的5個VS Code擴展。工欲善其事必先利其器，相信他們將很大程度的提高的編碼效率！
Polacode
由Polacode生成的示例圖像
Polacode是一個簡單的擴展，但是它可以快速製作出精美的代碼圖像。
Polacode可以配置語法突出顯示和其他設置，無需手動配置，而是根據您使用的VS Code主題對圖像進行樣式化！您無需配置任何內容-只需設置您的選擇主題（或使用已設置的主題），選擇所需的文件或代碼段，然後運行Polacode命令。
如果您經常需要展示一些代碼，Polacode為您提供了一種簡單的方法。您甚至不必離開代碼編輯器！特別是當不能複製代碼成為問題時（例如在視頻或演示中），可以使用Polacode或Carbon這類工具來完成工作。它們應用於您的摘要的窗口和陰影效果看起來很棒，可以幫助您對受眾產生積極影響。
地址： https://marketplace.visualstudio.com/items?itemName=pnp.polacode
Code Spell Checker
Code Spell Checker Demo
並非每個人都在乎語法。但是閱讀編寫良好的代碼應該像是一件完美的願望，要實現這一完美，您必須使用有意義的變量名以及正確的語法（以及其他一些東西）。
Code Spell Checker（簡稱為CSC）是VS Code最受歡迎且可以說是最好的拼寫檢查擴展。開箱即用，它附帶英語詞典並支持多種編程語言（包括所有的web-dev）。大約90％的時間應該綽綽有餘。如果要使用英語以外的其他語言，則可以安裝具有VS Code擴展形式的其他語言包（其中有15種以上）。
如果您關心代碼中的語法，則應該嘗試使用CSC。
地址： https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker
Prettier
Prettier formatter logo
如果您之前使用Vs Code開發過的Web應用，那麼您很有可能聽說過或者使用過Prettier。它在開源社區中非常流行。
Prettier是JavaScript格式化程序。它支持JavaScript（包括ES8），TypeScript，JSX，Flow，JSON，GraphQL甚至CSS等語言。
這是一個很好的工具，它們有助於保持整個代碼的一致性。它的工作方式就像默認的VS Code格式化程序一樣-您只需從列表中選擇它即可。然後，您可以通過Format ...命令使用它，或通過調整某些VS Code選項使其在文件保存上運行。
地址：https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode
ESLint
ESLint logo
Prettier的功能僅僅是格式化你的代碼，ESLint也可以實現，另外，他還有更多其他的功能。他可以按照你的代碼實現規則的校驗，這一點非常cool 。它是目前最好，最受歡迎的JS linter。它的可插拔和多功能特性使其適合各種用例
您可以通過從“官方提供的”規則中選擇規則來創建自己的ESLint配置。您還可以通過ESLint插件創建和使用自定義規則，或者基於NPM構建更多的可用配置。
ESLint 擴展 (超過6M次下載) 讓這個工作邊的簡單.它可以通過VS Code設置菜單進行配置，以啟用對保存的修復和其他有用的功能。
地址：https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint
GitLens
GitLens logo
GitLens是一個可“增強” VS Code的Git功能的擴展。儘管有些人可能認為VS Code的內置功能或純粹的終端足以滿足其用例，但GitLens以令人驚訝的方式與代碼編輯器集成，對於每個使用者來說都是有用的。
GitLens具有許多功能。最引人注目的可能是VS Code活動欄中的專用選項卡，以及任何已打開且與Git集成的文件頂部的所有控件。在選項卡中，您可以控制Git倉庫，提交，歷史記錄以及所有這些東西。另一方面，頂部欄使您可以訪問已打開文件的所有更改，修訂和非常規消息。
如今，Git已成為必需品。這不僅使您的工作變得更輕鬆，更可靠，而且還確保您對項目所做的每項更改都被記住，並在需要時可以撤消。您可以使用其他版本控制系統（VCS），但是Git無疑是最佳選擇。
地址：https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens
總結
這就是我們本次推薦的擴展清單！希望對你有所幫助
點擊關注，如果發現任何不正確的地方，或者想分享有關上述主題的更多信息，歡迎反饋。
閱讀更多 數據大視界 的文章
