來(lái)自公眾號(hào)：OSC開(kāi)源社區(qū)鏈接：https://www.oschina.net/news/213800/11-visual-studio-code-extensions-you-dont-need 開(kāi)發(fā)者 Wesley Smits 以自身經(jīng)驗(yàn)為例羅列了 11 個(gè)他認(rèn)為已經(jīng)沒(méi)用的擴(kuò)展,?！坝捎跀U(kuò)展可能會(huì)導(dǎo)致性能問(wèn)題,、增加 CPU 使用率,，并且可能與其他擴(kuò)展或本地功能發(fā)生沖突，因此最好將擴(kuò)展限制為你所需要的擴(kuò)展”,。Wesley Smits 指出,，有些擴(kuò)展的下載頁(yè)面頂部有甚至有明確的棄用通知，但在 Medium,、dev.to,、Reddit 等一些平臺(tái)上卻仍有推薦貼。值得一提的是,，這些擴(kuò)展中有許多是原生存在于 Visual Studio Code 中,，所以可以通過(guò)設(shè)置菜單啟用 / 禁用或進(jìn)行控制。這些設(shè)置可以通過(guò) UI 或 JSON 配置來(lái)控制,。Wesley Smits 在文中以 JSON 版本為例建議：可以通過(guò)命令面板（? ?P）打開(kāi)全局 Visual Studio 代碼設(shè)置的 settings.json,。輸入 settings，然后選擇 'Preferences: Open User Settings (JSON)',。1,、Auto Rename Tag — 1050 萬(wàn)次下載截至文章撰寫(xiě)時(shí)（10 月 14 日），這個(gè)擴(kuò)展的下載量已超過(guò) 1050 萬(wàn)次,。Smits 稱,，這個(gè)擴(kuò)展頻繁地出現(xiàn)在每個(gè)推薦擴(kuò)展的文章中。然而事實(shí)上,，VS Code 已經(jīng)通過(guò)內(nèi)部設(shè)置提供了同樣的功能,。通過(guò)啟用以下設(shè)置，你的 tags 將自動(dòng)重命名,，而無(wú)需第三方擴(kuò)展,。'editor.linkedEditing': true
鏈接：https://marketplace./items?itemName=formulahendry.auto-rename-tag2、Auto Close Tag — 800 萬(wàn)次下載這個(gè)非常受歡迎的擴(kuò)展,，與前一個(gè)擴(kuò)展的作者是同一個(gè)人,。目前，這個(gè)擴(kuò)展的功能也已被添加到了 VS Code 中,。'html.autoClosingTags': true,'javascript.autoClosingTags': true,'typescript.autoClosingTags': true
鏈接：https://marketplace./items?itemName=formulahendry.auto-close-tag3,、Auto Import — 250 萬(wàn)次下載此擴(kuò)展可自動(dòng)查找、解析并為 Typescript 和 TSX 中的所有可用導(dǎo)入提供 code actions 和 code completion,。但實(shí)際上 VS Code 中有很多設(shè)置可以幫助動(dòng)安排導(dǎo)入,。可以為 JavaScript/TypeScript 使用 auto-import suggestions,，在文件移動(dòng)時(shí)更新導(dǎo)入,，并在 top 使用絕對(duì)路徑組織導(dǎo)入。'javascript.suggest.autoImports': true,'typescript.suggest.autoImports': true,'javascript.updateImportsOnFileMove.enabled': 'always','typescript.updateImportsOnFileMove.enabled': 'always','source.organizeImports': true
鏈接：https://marketplace./items?itemName=steoates.autoimport4,、Settings Sync — 340 萬(wàn)次下載這個(gè)擴(kuò)展可以讓 VS Code 設(shè)置在不同的設(shè)備之間保持同步,。不過(guò) VS Code 官方已經(jīng)在大約兩年前原生地添加了這個(gè)特性。有關(guān)如何設(shè)置的更多信息,，可閱讀官方 VS Code 文檔：https://code./docs/editor/settings-sync鏈接：https://marketplace./items?itemName=Shan.code-settings-sync5,、Trailing Spaces— 110 萬(wàn)次下載此擴(kuò)展 highlights training spaces ，并允許你使用命令將它們?nèi)縿h除,。VS Code 有一個(gè)設(shè)置,，啟用后會(huì)在你保存文件時(shí)刪除所有 trailing spaces。啟用設(shè)置：'files.trimTrailingWhitespace': true,
鏈接：https://marketplace./items?itemName=shardulm94.trailing-spaces6,、Path Intellisense — 800 萬(wàn)次下載此擴(kuò)展自動(dòng)完成路徑和文件名,，下載量超過(guò) 800 萬(wàn)次。同一開(kāi)發(fā)人員針對(duì) NPM 模塊自動(dòng)補(bǔ)全提供了此擴(kuò)展的對(duì)應(yīng)版本,，下載量接近 500 萬(wàn)次,。然而，與許多特性一樣,，VS Code 不久前添加了對(duì)這些特性的原生支持,。這些功能默認(rèn)開(kāi)啟，無(wú)需啟用任何設(shè)置,。鏈接：https://marketplace./items?itemName=christian-kohler.path-intellisense&ssr=false#overview此擴(kuò)展允許你用一個(gè)命令運(yùn)行 NPM 腳本。但是 VS Code 也已經(jīng)提供了提供了一種原生的處理方式,。VS Code 有一個(gè)稱為 Task Auto Detection 的功能,，任務(wù)可以被自動(dòng)檢測(cè)到，也可以自定義為自動(dòng)運(yùn)行,。鏈接：https://marketplace./items?itemName=eg2.vscode-npm-script8,、HTML Snippets — 840 萬(wàn)次下載此擴(kuò)展允許你使用 shorthand 的方式快速放置 HTML snippets。以下兩個(gè)擴(kuò)展的概念也是如此：CSS Snippets HTML Boilerplate
這些擴(kuò)展都提供 shorthand 版本,，VS Code 已經(jīng)原生支持這些版本,。VS Code 內(nèi)置了 Emmet，一個(gè)可以用 easy-to-remember shorthands 快速寫(xiě)出 HTML 和 CSS 的工具,。此外,，Emmet 提供了一個(gè)開(kāi)箱即用的 HTML 模板，并允許你定義自己的自定義片段。鏈接：https://marketplace./items?itemName=abusaidm.html-snippets此擴(kuò)展程序和其他類似擴(kuò)展程序允許你選擇一些 HTML 代碼并將其 wrap 在 tag 中,。VVS Code 通過(guò) Emmet 的一個(gè)命令也提供了這個(gè)功能。只要用 CTRL/CMD + Shift + P 打開(kāi)命令面板,，并查找 Emmet: Wrap with abbreviation,。然后你可以輸入任何你想要的 emmet 縮寫(xiě)，這可以是單個(gè) tag,、多個(gè)嵌套 tag,、帶有類或 ID 的 tag。鏈接：https://marketplace./items?itemName=bradgashler.htmltagwrap10,、Lorem Ipsum — 473K 次下載此擴(kuò)展可讓你快速將 Lorem Ipsum 文本塊插入到你的 markup 中,。Emmet 同樣也支持此功能。你可以鍵入 lorem 并按 Tab 鍵以生成 30 字的段落,?；蛘撸绻阈枰鄠€(gè)塊,，可以編寫(xiě)類似的內(nèi)容以滿足需求：鏈接：https://marketplace./items?itemName=Tyriar.lorem-ipsum11,、Bracket Pair Colorizer (1 & 2) — 520 萬(wàn)次下載Bracket Pair Colorizer 及其繼任者的安裝量已超過(guò) 1100 萬(wàn)。鑒于此需求量,，開(kāi)發(fā)團(tuán)隊(duì)已在 VS Code core 中實(shí)現(xiàn)了 bracket pair colorizer,，并聲稱這使其速度提高了 10.000 倍?？梢酝ㄟ^(guò)啟用以下設(shè)置來(lái)啟用 Bracket pair coloring：'editor.bracketPairColorization.enabled': true
{ 'editor.linkedEditing': true, 'html.autoClosingTags': true, 'javascript.autoClosingTags': true, 'typescript.autoClosingTags': true, 'javascript.suggest.autoImports': true, 'typescript.suggest.autoImports': true, 'javascript.updateImportsOnFileMove.enabled': 'always', 'typescript.updateImportsOnFileMove.enabled': 'always', 'source.organizeImports': true, 'files.trimTrailingWhitespace': true, 'editor.bracketPairColorization.enabled': true}
https://marketplace./items?itemName=CoenraadS.bracket-pair-colorizer-2Wesley Smits 最后作出結(jié)論稱,，Visual Studio Code 有一個(gè)廣泛的擴(kuò)展市場(chǎng)，可以增加你的便利度。但在安裝其中一個(gè)之前，最好先看看它是否還沒(méi)有原生支持,。隨著時(shí)間的推移，包含改進(jìn)和功能的每月發(fā)布更新,，越來(lái)越多的 Visual Studio Code 擴(kuò)展將不再需要。更多詳情可查看全文：https://javascript./10-visual-studio-code-extensions-you-dont-need-6f7904132a57對(duì)此,，Reddit 上也有網(wǎng)友分享稱,，“有一堆擴(kuò)展是 bulitin 的，你可以禁用所有你不需要的,。進(jìn)入擴(kuò)展面板,，搜索 @builtin”。相關(guān)鏈接：https://javascript./10-visual-studio-code-extensions-you-dont-need-6f7904132a57https://www./r/programming/comments/y3wud2/10_visual_studio_code_extensions_you_dont_need/
|
