VSCode 功能与美化扩展插件推荐

771 字
4 分钟
更新日志
  • 2025-03-03
    • 新增插件推荐:
      • Roo Code
    • 移除插件推荐:
      • Continue
  • 2024-10-23
    • 新增插件推荐:
      • Continue
    • 补充了部分扩展的效果图片
  • 2024-09-10
    • 新增插件推荐:
      • SpaceBox UI Enhancer
  • 2024-09-06
    • 新增插件推荐:
      • Excalidraw
      • CodeGeeX
      • Code Spell Checker
  • 2024-09-05
    • 发布文章。

功能#

这节推荐的都是比较通用的功能性扩展,针对某个语言的扩展也不需要我来推荐,自有大把针对性的文章进行介绍。

Path Intellisense#

Path Intellisense 扩展可以在输入文件路径的时候给出自动补全提示,方便输入。

Project Manager#

Project Manager 扩展可以在侧边栏新增一个「项目管理器」选项,通过在项目管理器中保存项目,可以实现不同工作区之间的快速切换。

项目管理器界面

Error Lens#

Error Lens 扩展可以直接把错误、警告与提示等信息直接显示在代码行后面,而不是只能把光标移动到下划线处才能看到。

Todo Tree#

Todo Tree 扩展可以搜索整个工作区内的「TODO」、「FIXME」、「BUG」等字段,并在侧边栏的选项中查看。

效果演示

Trailing Spaces#

Trailing Spaces 扩展可以标红每行代码尾部多余的空格。

效果演示

Excalidraw#

Excalidraw 扩展可以在 VSCode 内绘制手绘风格的矢量图片,支持导出 .png.svg 格式。

Excalidraw 绘图

CodeGeeX#

CodeGeeX 扩展可以调用本地或网络的大模型,来加速代码编写。CodeGeeX 的大模型在 GitHub 上开源,因此可以通过本地运行大模型,放心地在涉及商业秘密的项目中使用。

Code Spell Checker#

Code Spell Checker 扩展可以检测代码中的英文拼写错误并给出修改建议。

翻译(英汉词典)#

翻译(英汉词典) 扩展可以在选中单词时在右下角给出单词的翻译,并且可以翻译下划线、驼峰等格式的单词,方便理解代码。

:::collapse{title=“效果演示}

:::

驼峰翻译助手#

驼峰翻译助手扩展可以调用翻译 API,将中文直接翻译为英文的不同格式的变量名,再也不用发愁怎么命名变量。

效果演示

Roo Code#

Roo Code 是一个类似 Cursor 的 AI 代码助手插件。优势在于能够调用 VSCode 自带的 GitHub Copilot 的 API,对于有 GitHub Copilot Pro 免费访问的人(学生认证或 1k star 开源库的维护者)比较友好。不过 VSCode 的 API 不支持多模态,只能文字描述需求。

美化#

Material Icon Theme#

Material Icon Theme 扩展是一个文件图标扩展,其为各种文件与文件夹都制作了特殊的图标,方便浏览。

效果演示

background-cover#

background-cover 扩展可以直接在其自带的命令中修改更换 VSCode 背景图片。

扩展配置命令

更换背景图后效果如下:

更换背景图效果

SpaceBox UI Enhancer#

SpaceBox UI Enhancer 扩展为 VSCode 的菜单增加了大量对效率影响较小的过渡动画效果。

note

评论区反应 MacOS 下该插件可能不可用,请注意。

动画效果演示

发布于 作者 璜珀 · HPCesia 许可协议 CC BY-NC-SA 4.0
2 条评论
  • 最新
  • 最热
  • 最早
  • 作者
关闭评论
Teacher Du 2024-11-01

那个大模型的挺有意思,我去试试!

Chlorine 小氯 2024-10-23

SpaceBox 那个看起来蛮不错的,只不过在 macOS 似乎无法使用……