10个我离不开的 VSCode 插件

0 阅读3分钟

image.png

最近国外的一位开发者 Ayush 分享了 10 个他离不开的 VS Code 插件,博主看了后觉得挺实用,在这里整理一下,分享给大家。

10. File Utils

image.png

File Utils 是一个文件管理增强插件,它的灵感来自于 Sublime 的Sidebar Enhancements。使用它可以在资源管理器或编辑器标签上右键即可「复制文件名、复制完整路径、Duplicate、Move、Rename、Delete」;也支持用命令面板(Ctrl+Shift+P → File Utils: …)完成同样的操作,支持 brace-expansion(括号扩展) 批量生成目录/文件结构。

9. Bookmarks

image.png

Bookmarks 是一个书签工具,使用它可以快速在代码中添加书签,方便我们快速检索到特定代码。它还支持在书签之间切换,支持列出所有书签,并且支持为多根(multi-root)工作区场景下单独管理每个文件夹的书签。

8. Prettier

image.png

Prettier 是一个代码格式化工具,可以自动格式化代码,使其符合代码规范。它支持多种编程语言和文件格式,包括 JavaScript/TypeScript/CSS/JSON/Markdown 等。

7. GitHub Copilot

image.png

GitHub Copilot 是一个 AI 编程助手,能在编辑器内实时给出整行、整函数甚至整个文件的补全建议;支持对话侧边栏解释、生成测试、重构、写文档、自动生成代码。虽然现在市面上有很多的 AI IDE 和编程 Agent,但官方出品的 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 资讯、编程技术、科技热点和效率工具。