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

相关推荐
无糖冰可乐211 小时前
安装wsl2,并链接Windows上的vscode运行项目
pytorch·vscode·python·pip
流量猎手4 小时前
Vscode登陆服务器
服务器·ide·vscode
巴渝小禹1 天前
【VSCODE】使用技巧
vscode
snow@li1 天前
VSCode:学习手册 / 全景梳理与深度分析
ide·vscode
郭老二2 天前
【ROS2】vscode配置头文件路径等
vscode
不厌 -_-2 天前
VSCode 中 Markdown 转 PDF
vscode·pdf
友人.2272 天前
补充章节:VSCode Wokwi 无法可视化连线?在线 Wokwi 网页拖拽绘图方案
ide·vscode·编辑器
赵庆明老师3 天前
Vben精讲:04-了解VSCode中的Git
ide·git·vscode
fenghx2583 天前
仅用于个人记录:火狐有网,Vscode的codex连不上
vscode·编辑器
00后程序员张3 天前
iOS 打包方式汇总 从 Xcode Archive 到轻量级工具链的 IPA 构建
ide·vscode·ios·objective-c·个人开发·swift·敏捷流程