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:底部状态栏中显示当前文件的大小

相关推荐
MonkeyKing_sunyuhua2 小时前
在 Visual Studio Code (VSCode) 中配置 MCP(Model Context Protocol)
ide·vscode·编辑器
smileNicky2 小时前
在 VSCode 中运行 Vue.js 项目
ide·vue.js·vscode
Growthofnotes3 小时前
VSCode中Node.js 使用教程
ide·vscode·node.js
小妖6666 小时前
VScode 的插件本地更改后怎么生效
ide·vscode·编辑器
MonkeyKing_sunyuhua8 小时前
ubuntu22.04卸载vscode
ide·vscode·编辑器
一叶茶9 小时前
VsCode和AI的前端使用体验:分别使用了Copilot、通义灵码、iflyCode和Trae
前端·vscode·gpt·ai·chatgpt·copilot·deepseek
alladmin11 小时前
VSCode CMake Debug
ide·vscode·编辑器
德亦周1 天前
如何在Mac电脑上的VScode去配置C/C++环境
c++·vscode·macos
七脉神剑1 天前
一分钟在Cherry Studio和VSCode集成火山引擎veimagex-mcp
ide·vscode·编辑器
tonngw1 天前
【Mac 从 0 到 1 保姆级配置教程 12】- 安装配置万能的编辑器 VSCode 以及常用插件
git·vscode·后端·macos·开源·编辑器·github