技术博客
首页 所有文章 标签 分类 关于
技术博客

目录

2021-02-20-最新最全-VSCODE-插件推荐2025版

 收录于 生信情报站 可视化技术 网站开发
   约 740 字   预计阅读 2 分钟 
https://bing.ee123.net/img/rand?artid=113879997

最新最全 VSCODE 插件推荐（2025版）

目录

一、主题及图标

二、功能强化

三、Git 集成

四、数据库

五、编程美化

六、开发效率

七、前端开发

八、数据分析

九、AI 辅助

十、修仙插件

一、主题及图标

黑白两款皮肤

https://i-blog.csdnimg.cn/blog_migrate/8d390a56be43d6e2a94e8c2046ad1225.png

https://i-blog.csdnimg.cn/blog_migrate/7b638576209bb7cf248cc507796891d8.png

集成了多种主题皮肤，搭配 Material Icon Theme 食用更佳

https://i-blog.csdnimg.cn/blog_migrate/761f3bc5ecb9c003d1673d2735bb4f46.png

扁平化的主题图标库

https://i-blog.csdnimg.cn/blog_migrate/2551164eb0c26ac052e792299bc04a02.png

https://i-blog.csdnimg.cn/blog_migrate/341fd2452cb42bf207e50a4a1cd296ca.png

VSCode官方出品的图标库

https://i-blog.csdnimg.cn/blog_migrate/70fa5ef050fac4b965a11008a200a198.png

https://i-blog.csdnimg.cn/blog_migrate/22b8972fb91c7d9bbff8e3f134d0cb38.gif

二、功能强化

编程时间及行为跟踪统计

https://i-blog.csdnimg.cn/blog_migrate/d8ce1e58b9f26c52339993dd7d997442.png

https://i-blog.csdnimg.cn/blog_migrate/553ff501fb4f58c79b8cbc0b0572828c.png

代码截图

https://i-blog.csdnimg.cn/blog_migrate/17aed1f770f566758bf745c9d144c155.png

中文语言包

https://i-blog.csdnimg.cn/blog_migrate/2544626902a5098e79168a3a1281b828.png

三、Git 集成插件

在Visual Studio Code中查看和管理GitHub拉取请求和问题

https://i-blog.csdnimg.cn/blog_migrate/4a45e2887969f1be09b490464d9a79b5.png

https://i-blog.csdnimg.cn/blog_migrate/1eda4e3443c4a9002e479a1bed97dd12.png https://i-blog.csdnimg.cn/blog_migrate/9299a1fcdbdea16f0ad54d0f07b878cc.gif

Git 图形化显示和操作

https://i-blog.csdnimg.cn/blog_migrate/1f2e207737b008f4b2ecfaaa28c71794.png

https://i-blog.csdnimg.cn/blog_migrate/8a50286e4cdd20ccee093fc897ff7221.gif

团队协作开发，评审，讨论

https://i-blog.csdnimg.cn/blog_migrate/7aa3bff587cca9a59c9801b3431ce499.png

https://i-blog.csdnimg.cn/blog_migrate/4363064929121a6727a7cb5fdecb93aa.gif

四、数据库

Oracle 数据库支持

https://i-blog.csdnimg.cn/blog_migrate/2afd565e92a50a376ee7db47071aad8d.png

Microsoft SQL Server 数据库支持

https://i-blog.csdnimg.cn/blog_migrate/80290f2e060a6a8740b94382e4082934.png

支持 MySQL/MariaDB, Microsoft SQL Server, PostgreSQL, Redis, and ElasticSearch

https://i-blog.csdnimg.cn/blog_migrate/1dc06da357fcdc06fbbb31c8ab8734e8.png

MongoDB 数据库支持

https://i-blog.csdnimg.cn/blog_migrate/b13032c89a6dca755f5e4aa445e16a04.png

五、编程美化

给匹配的括号上色，可以自定义配置

注意：该插件已经内置到 vscode，不用重复安装，

设置方法：setting 里搜索 editor.bracketPairColorization.enabled ，设置为 true 即可生效

https://i-blog.csdnimg.cn/blog_migrate/f00c205e79cce381674122569428042d.png

https://i-blog.csdnimg.cn/blog_migrate/6f24b419a6d62b098ef8a46536ec06b0.png

https://i-blog.csdnimg.cn/blog_migrate/1b0b57b5988690e153b404d4f5143610.png

突出显示匹配的开始和/或结束标签

官方支持的标记： HTML 和 JSX 。其他样式（XML，Vue，Angular，PHP）也可以使用，但不能保证正常使用。

https://i-blog.csdnimg.cn/blog_migrate/8544dccabf60f4a2a445ddd13a3e9021.gif

在状态栏中显示标记的路径

https://i-blog.csdnimg.cn/blog_migrate/8b3c081b9769f9edb009c5d1a66ba0ff.png

在 VSCode 里编写 Markdown，支持预览

https://i-blog.csdnimg.cn/blog_migrate/c76e8bfaadbef991846e7c8463e3f106.png

https://i-blog.csdnimg.cn/blog_migrate/2f763b506e05080ef12f17abd32b9a73.png

预览图片

https://i-blog.csdnimg.cn/blog_migrate/aecf7ef71ba90ff0c38d6c2357d6ec46.png https://i-blog.csdnimg.cn/blog_migrate/27871a23ffaf4e414d625aa91c1823c9.png

六、开发效率

代码风格统一

https://i-blog.csdnimg.cn/blog_migrate/e8aa63bcfc464573e3d9cbd5a092224a.png

更改命名风格

https://i-blog.csdnimg.cn/blog_migrate/03d2e6514dc41d65f14f775cb3462df3.png

https://i-blog.csdnimg.cn/blog_migrate/7cd513d83a0fa70b3c6073185682d62f.gif

给变量起名的神器

https://i-blog.csdnimg.cn/blog_migrate/1b76aa0d87189afe4e56fc08508e35e5.png

https://i-blog.csdnimg.cn/blog_migrate/06c1c8e114907fe8f478f9dd3b9c6f61.png https://i-blog.csdnimg.cn/blog_migrate/7d59f7b6effd42302544919ccc7dd17f.png

自动格式化代码

https://i-blog.csdnimg.cn/blog_migrate/957dd94ad2c86401534a821a1ffb5aa2.png

操作美化 json

快捷键

  • cmd+alt+v ，验证

  • cmd+alt+b ，格式化

  • cmd+alt+u ，压缩

  • cmd+alt+' ，加转义字符

  • cmd+alt+; ，去转义字符

    https://i-blog.csdnimg.cn/blog_migrate/640ec422789aa438041e10e36767fa7c.png

    https://i-blog.csdnimg.cn/blog_migrate/63d9af35084fb2505390759984013462.gif

预览正则表达式效果

https://i-blog.csdnimg.cn/blog_migrate/b44d3e38231f97b76ed4648f0461bbb4.png

https://i-blog.csdnimg.cn/blog_migrate/a0239a4ab6b44df3f5af9704a538eacb.gif

七、前端开发

https://i-blog.csdnimg.cn/blog_migrate/820328ff17f37d8bb5cb0a7814241b13.png

https://i-blog.csdnimg.cn/blog_migrate/98db2249141bfe6ea157708efd6f8f42.gif

https://i-blog.csdnimg.cn/blog_migrate/019a86f8df15701515d4a144310c15c3.gif

快速添加 console.log 信息，js debug 必备

快捷键

ctrl + alt + l 选中变量之后，使用这个快捷键生成 console.log

alt + shift + c 注释所有 console.log

alt + shift + u 启用所有 console.log

alt + shift + d 删除所有 console.log

https://i-blog.csdnimg.cn/blog_migrate/f2fd7e258981ab6ac4ab830ed7faba0f.png

https://i-blog.csdnimg.cn/blog_migrate/bc626d63f6b6f4c9122f49a746628c6a.gif

https://i-blog.csdnimg.cn/blog_migrate/c0de29e01ff7dc1af81348b5cadcccd7.gif

如图

https://i-blog.csdnimg.cn/blog_migrate/199cc740e2642ed434a94285dad1be3b.png

https://i-blog.csdnimg.cn/blog_migrate/07ea1ab3aeace58e1710523ced1a460a.gif

查看 css 定义

https://i-blog.csdnimg.cn/blog_migrate/33da76172d807b99074c072a35dc9feb.png

https://i-blog.csdnimg.cn/blog_migrate/d1835f02c02bf1833582bde2636f5dbe.gif

八、数据分析

对当前文本排序

https://i-blog.csdnimg.cn/blog_migrate/7d212d573a4c538ad8c1283e950ed1c6.png

https://i-blog.csdnimg.cn/blog_migrate/f3f5b8b880a4aad611eea0de5124c207.gif

预览数据文件

https://i-blog.csdnimg.cn/blog_migrate/b80404cea95fdf2a062812df9c6a03f9.png

https://i-blog.csdnimg.cn/blog_migrate/f8492b4b24a5ed3fbf7c3619ec957a45.png

九、AI 辅助

https://i-blog.csdnimg.cn/blog_migrate/072081535350913974c632e30a090781.png

用过忘不了。根据函数名，注释，让 AI 辅助你写代码。常见任务甚至会考虑复杂度和最优解。

目前已经更新了很多功能，包括自动 debug，优化代码等等，程序员的福音。

https://i-blog.csdnimg.cn/blog_migrate/257f1729d4801c7545494fc2d0af67f6.gif

但是需要先获取授权，

使用学生邮箱可以免费申请，

十、修仙插件

刷题利器

https://i-blog.csdnimg.cn/blog_migrate/1236682ff6437202ea4bda533939ae14.png

https://i-blog.csdnimg.cn/blog_migrate/45e220c3f704f12135fbabfdc52c64de.gif

网易云音乐（程序员版）

https://i-blog.csdnimg.cn/blog_migrate/d73b0e915306f582f472de26f3de8add.png

https://i-blog.csdnimg.cn/blog_migrate/c34b5f022b4e58a1f04201fa32a8b409.gif

追番神器

https://i-blog.csdnimg.cn/blog_migrate/92022062decd5c677b70227fca9d1771.png

https://i-blog.csdnimg.cn/blog_migrate/e2b91c209123947a422b0767b42de7d2.png

68747470733a2f2f:626c6f672e6373646e2e6e65742f753031313236323235332f:61727469636c652f64657461696c732f313133383739393937

更新于 2021-02-20
 Vscode, 插件, 前端, Python, 数据分析
返回 | 主页