站長阿川

站長阿川私房教材:
學 JavaScript 前端,帶作品集去面試!

站長精心設計,帶你實作 63 個小專案,得到作品集!

立即開始免費試讀!

10個我離不開的 VSCode 插件

最近國外的一位開發者 Ayush 分享了 10 個他離不開的 VS Code 插件,博主看了後覺得挺實用,在這裡整理一下,分享給大家。

10. File Utils

image.png

File Utils 是一個文件管理增強插件,它的靈感來自於 Sublime 的 Sidebar Enhancements。使用它可以在資源管理器或編輯器標籤上右鍵即可「複製文件名、複製完整路徑、重複、移動、重命名、刪除」;也支持用命令面板(Ctrl+Shift+P → File Utils: …)完成同樣的操作,支持括號拓展批量生成目錄/文件結構。

9. Bookmarks

image.png

Bookmarks 是一個書籤工具,使用它可以快速在代碼中添加書籤,方便我們快速檢索到特定代碼。它還支持在書籤之間切換,支持列出所有書籤,並且支持為多根工作區場景下單獨管理每個文件夾的書籤。

8. Prettier

image.png

Prettier 是一個代碼格式化工具,可以自動格式化代碼,使其符合代碼規範。它支持多種編程語言和文件格式,包括 JavaScript/TypeScript/CSS/JSON/Markdown 等。

7. GitHub Copilot

image.png

GitHub Copilot 是一個 AI 編程助手,能在編輯器內實時給出整行、整函數甚至整個文件的補全建議;支持對話側邊欄解釋、生成測試、重構、寫文檔、自動生成代碼。雖然現在市面上有很多的 AI IDE 和編程代理,但官方出品的 GitHub Copilot 依舊可以為 VS Code 帶來絲滑的編程體驗。

6. Remote Development

image.png

Remote Development 是一個遠程開發工具,可以讓你在本地計算機上開發,但代碼實際上是在遠程伺服器上運行的。它支持多種遠程伺服器,使用它可以很方便地打開容器、遠程計算機或 Windows 的 Linux 子系統(WSL)中的任何文件夾,從而方便我們在任何地方隨時隨地進行開發。

5. Git Graph

image.png

Git Graph 是一個 Git 圖形化工具,可以以圖形化的方式查看倉庫提交歷史,它支持點選分支、Cherry-Pick、Merge、Reset 等操作;可以幫助我們搜索提交、比較任意兩個提交等。

4. Language extensions

image.png

Language extensions 是 VS Code 上的語言插件合集,這些插件可以為不同語言提供 IntelliSense、語法高亮、片段、調試適配器。例如:Python、Go、Rust、Java、C/C++、Vue、Svelte 等。在它們的加持下,使得 VS Code 成為支持全棧和多語言開發的瑞士軍刀。

3. Dendron

image.png

Dendron 是一個面向開發者的「結構化筆記 + 知識庫」筆記工具,可以方便我們在 VS Code 中編寫和管理筆記,它採用 Markdown 格式,支持層級筆記、鏈接自動補全、Schema 模版,以及強大的查找與重構命令。

2. Container Tools

image.png

Container Tools 可以讓我們輕鬆地從 VS Code 中構建、管理和部署容器化應用程序。使用它可以很方便地在 VS Code 中啟動、停止、重啟、刪除容器,查看容器的日誌,查看容器的狀態,查看容器的配置等。

1. Live Server

image.png

Live Server 是一個實時伺服器,它可以在 VS Code 中快速啟動一個本地伺服器,方便我們快速預覽和調試 HTML/CSS/JS。

以上就是 10 個可以幫助我提高編程效率、代碼質量、提高協作效率的 VS Code 插件。不知道這其中有沒有你喜歡的插件呢?也歡迎在評論區留言分享你喜歡或想要推薦的插件!

這裡是「四阿哥技術」,關注我為你持續分享最新 AI 資訊、編程技術、科技熱點和效率工具。


原文出處:https://juejin.cn/post/7544388006721175606

按讚的人:

共有 0 則留言


精選技術文章翻譯,幫助開發者持續吸收新知。
站長阿川

站長阿川私房教材:
學 JavaScript 前端,帶作品集去面試!

站長精心設計,帶你實作 63 個小專案,得到作品集!

立即開始免費試讀!