最新最全 VSCODE 插件推荐(2025版)

目录

一、主题及图标

二、功能强化

三、Git 集成

四、数据库

五、编程美化

六、开发效率

七、前端开发

八、数据分析

九、AI 辅助

十、修仙插件

一、主题及图标

GitHub Theme

黑白两款皮肤
mark
mark

Material Theme

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

Material Icon Theme

扁平化的主题图标库
mark
mark

vscode-icons

VSCode官方出品的图标库
mark
mark

二、功能强化

wakatime

编程时间及行为跟踪统计
mark
mark

Polacode

代码截图
mark

Chinese (Simplified) Language Pack for Visual Studio Code

中文语言包
mark

三、Git 集成插件

GitHub Pull requests

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

Git Graph

Git 图形化显示和操作
mark
mark

CodeStream: GitHub, GitLab, Bitbucket PRs and Code Review

团队协作开发,评审,讨论
mark
mark

四、数据库

Oracle Developer Tools for VS Code

Oracle 数据库支持
mark

SQL Server (mssql)

Microsoft SQL Server 数据库支持
mark

MySQL

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

MongoDB for VS Code

MongoDB 数据库支持
mark

五、编程美化

Bracket Pair Colorizer

给匹配的括号上色,可以自定义配置
注意:该插件已经内置到 vscode,不用重复安装,
设置方法:setting 里搜索 editor.bracketPairColorization.enabled,设置为 true 即可生效
mark
mark
mark

Highlight Matching Tag

突出显示匹配的开始和/或结束标签
官方支持的标记:HTMLJSX。其他样式(XML,Vue,Angular,PHP)也可以使用,但不能保证正常使用。
mark
在状态栏中显示标记的路径
mark

Markdown Preview Enhanced

在 VSCode 里编写 Markdown,支持预览
mark
mark

Image Preview

预览图片
markmark

六、开发效率

EditorConfig for VS Code

代码风格统一

mark

change-case

更改命名风格
mark
mark

Codelf

给变量起名的神器
mark
mark

Prettier - Code formatter

自动格式化代码
mark

vscode-json

操作美化 json

快捷键

  • cmd+alt+v,验证
  • cmd+alt+b,格式化
  • cmd+alt+u,压缩
  • cmd+alt+',加转义字符
  • cmd+alt+;,去转义字符
    mark
    mark
Regex Previewer

预览正则表达式效果
mark
mark

七、前端开发

npm Intellisense

mark
mark
mark

Turbo Console Log

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

快捷键

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

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

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

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

css-auto-prefix

如图
mark
mark

CSS Peek

查看 css 定义
mark
mark

八、数据分析

Sort lines

对当前文本排序
mark
mark

Data Preview

预览数据文件
mark
mark

九、AI 辅助

GitHub Copilot

在这里插入图片描述
用过忘不了。根据函数名,注释,让 AI 辅助你写代码。常见任务甚至会考虑复杂度和最优解。
目前已经更新了很多功能,包括自动 debug,优化代码等等,程序员的福音。
请添加图片描述
但是需要先获取授权,传送门
使用学生邮箱可以免费申请,传送门

十、修仙插件

LeetCode

刷题利器
mark
mark

VSC Netease Music

网易云音乐(程序员版)
mark
mark

daily anime

追番神器
mark
mark

### 解析 Import Error 的常见原因 当遇到 `ImportError: cannot import name 'Generic'` 错误时,通常意味着尝试从模块中导入的对象不存在或无法访问。此问题可能由多种因素引起: - 本不兼容:不同库之间的本冲突可能导致此类错误。 - 安装缺失:目标库未正确安装或路径配置有误。 - 导入语句不当:可能存在循环依赖或其他语法层面的问题。 ### 针对 Generic 类型的具体解决方案 对于特定于 `Generic` 的情况,考虑到 Python 中 `Generic` 是 typing 模块的一部分,在处理该类别的 ImportError 时可采取如下措施[^1]: #### 方法一:确认typing模块可用性 确保环境中已安装标准库中的 typing 模块,并且其本支持所使用的特性。可以通过以下命令验证: ```bash python -c "from typing import Generic; print(Generic)" ``` 如果上述命令执行失败,则可能是由于 Python 或者相关扩展包的本过低造成的。此时应考虑升级至更高本的解释器以及对应的开发工具链。 #### 方法二:调整导入方式 有时直接通过顶层命名空间来获取所需组件会更稳定可靠。修改代码以采用这种做法可能会解决问题: ```python from collections.abc import Iterable # 如果是迭代器相关接口 from typing import TypeVar, Protocol # 对于协议和泛型定义 T = TypeVar('T') class MyContainer(Protocol[T]): ... ``` 注意这里并没有显式提到 `Generic` ,而是利用了更为基础的数据结构抽象基类或是其他替代方案实现相同功能[^2]。 #### 方法三:排查环境变量设置 检查系统的 PYTHONPATH 和虚拟环境配置是否正常工作。任何异常都可能导致某些第三方软件包找不到必要的资源文件而引发类似的错误提示。建议清理并重建项目专属的工作区以便排除干扰项的影响。 #### 示例修正后的代码片段 假设原始代码试图这样引入 `Generic` : ```python from some_module import Generic # 可能导致 ImportError ``` 改为遵循官方文档推荐的方式后变为: ```python from typing import Generic # 正确的做法 ```
评论 96
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

白墨石

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值