vscode非常好用的扩展插件

1、Code Spell Checker: 帮助我们检查单词是否拼写错误,检查规则遵循驼峰拼写法。

2、Color Highlight:高亮显示颜色值

3、Svg Preview: 实时预览svg图片(修改width、height、fill等值来实时查看效果)

4、TODO Highlight: 高亮显示TODO内容

5、Todo Tree:侧边栏记录TODO

6、Markdown Preview Enhanced:预览md文件

7、VSCode Great Icons:给不同类型的文件配置不同的图标,非常直观

8、CSS Peek: 在HTML文件中查看CSS的ID和类,并跳转到对应的CSS定义。

(1、鼠标移动到类名,显示属性;2、属性移动到类名,不显示属性,按住ctrl,显示下划线和鼠标手型,点击跳转到对应的css定义)

9、Path Intellisense: 路径提示器

10、Image preview:图片预览(相对路径和绝对路径下都能正常显示,使用映射时无法显示)

11、koroFileHeader:生成文件头部注释和函数注释

安装后在setting.json中进行修改

修改配置后,打开要添加注释的文件,光标放在第一行,点击鼠标快捷键,就添加了文件注释(ctrl+win+t: 当前位置,生成函数注释。ctrl+win+i: 光标位置,生成头部注释。)

12、Import Cost:引入包大小计算

13、filesize:底部状态栏中显示当前文件的大小

相关推荐
小poop21 小时前
VS实用调试技巧详解
vscode
π同学21 小时前
ESP-IDF+vscode开发ESP32第十五讲——队列、流缓冲区、环形缓冲区
vscode·esp32·缓冲区
cheungxiongwei.com1 天前
VSCode Copilot 如何配置第三方API/自定义端点?
ide·vscode·copilot
游戏开发爱好者81 天前
iOS开发工具推荐:Xcode、AppCode、SwiftLint使用心得与效率提升
ide·vscode·macos·ios·个人开发·xcode·敏捷流程
AI行业学习1 天前
CC-Switch 下载、安装与使用配置指南【2026.5.29】
java·开发语言·vscode·python·eclipse·laravel
H Journey1 天前
Windows下通过vscode连接 Linux服务器
windows·vscode·venv
青山如墨雨如画1 天前
【Claude】Win11系统VSCode环境中Claude+Deepseek报错的全自动解决方式
vscode·aigc·claude·authropic
权、狐妖2 天前
【Vscode安装ESlint插件、下载ESLint包以及他们之间的关系和使用】
ide·vscode·编辑器
罗超驿2 天前
1.HTML基础入门:标签、属性与路径详解(VSCode开发环境)
前端·vscode·html
摇滚侠2 天前
VScode 需要安装的插件和修改的设置
ide·vscode·编辑器