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