2023分享个人VsCode偏冷门插件

1,650 阅读2分钟

分享一些个人觉得很好用冷门插件。

1. 翻译(英汉词典)

用法很简单,数表悬浮自动显示翻译结果。

image.png

2.any-rule你要的"正则"都在这!

用法很简单,F1后输入zz

image.png

3.Color Highlight

安装后所有color都会显示对应的颜色,很方便快速查看

image.png

4.Console Ninja

Console Ninja 是一个 VS Code 扩展,它可以直接在你的编辑器中显示运行中的浏览器或者 Node 应用程序的 console.log 输出和运行时错误。它就像是你的浏览器开发工具的控制台标签或者你的 Node 应用程序的终端输出,但是它连接了你的代码,并且人性化地显示在你的编辑器中,你无需上下文切换。

image.png

5.Error Lens

Error Lens 是一种工具,可以在编程时更明显地显示错误,帮助人们更快地找到问题并修复它们。它可以通过突出显示生成语言诊断的整行,并在内嵌中打印信息来加快语言诊断功能。

image.png

6.Image preview

安装后可直接预览图片或者svg图标,而且我还发现不引入地址的情况下也会显示

image.png

image.png

7.JSON Crack

安装后打开JSON文件后高亮图标,点击后显示JSON可视化图. 也可以访问官网用web查看。

官网地址

image.png

image.png

8.Mintlify Doc Writer

自动帮写注释,非常好用。支持多种开发语言,不过自动写的文档是英文,可以在自行翻译一下。

image.png

9.Pretty TypeScript Errors

使 VSCode 中的 TypeScript 错误更漂亮且易于阅读,支持中文哟。配合Error Lens插件更香

image.png

10.Smart Clicks

双击 VS Code 的智能选择,这事大佬Anthony Fu写的插件,双击选择函数,html等等。。。鼠标党的福音。

11.Template String Converter

当键入“${”时,vscode扩展将字符串转换为模板字符串

12.Eva Theme

非常好看,并且提高阅读代码的主题。

image.png

13.vscode-icons

文件图标主题,非常好看和全面。

14.indent-rainbow

使缩进更具可读性的简单扩展

image.png

15.console helper

在代码中快速输出 console.log 的插件, 带有颜色行号标记。

image.png

image.png

可能大家都知道的插件

  • Project Manager 项目管理插件
  • Live Server 快速静态服务启动插件
  • Git Graph git管理增加插件
  • Git History git管理增加插件
  • GitHub Copilot ai辅助插件
  • GitHub Copilot Labs ai辅助插件
  • Bookmarks 书签记录插件
  • CodeSnap 代码进行漂亮的屏幕截图