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

相关推荐
my烂笔头15 分钟前
vscode\cursor集成plantuml方法
ide·vscode·编辑器·uml
Nerd Nirvana10 小时前
15个提升开发效率的VS Code插件推荐
linux·vscode·开发工具·嵌入式软件开发·插件使用·智能采集设备·边缘终端
I***t71611 小时前
Go环境搭建(vscode调试)
开发语言·vscode·golang
b***666113 小时前
【golang学习之旅】使用VScode安装配置Go开发环境
vscode·学习·golang
N***x99714 小时前
vscode配置django环境并创建django项目(全图文操作)
vscode·django·sqlite
mixboot19 小时前
Visual Studio Code 中使用 Claude Code
vscode·glm·claude code
TechMasterPlus21 小时前
VScode如何调试javascript文件
javascript·ide·vscode
w***76551 天前
[golang][MAC]Go环境搭建+VsCode配置
vscode·macos·golang
行走的陀螺仪1 天前
.vscode 文件夹配置详解
前端·ide·vscode·编辑器·开发实践
这儿有一堆花2 天前
重磅推出!Google Antigravity:一次 “以 Agent 为中心 (agent-first)” 的 IDE 革命
vscode·ai·ai编程·googlecloud