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

相关推荐
HockerF9 小时前
windows 设置 vscode 免密远程
ide·windows·vscode
DechinPhy2 天前
VSCode手动版本更新
ide·vscode·编辑器
_别来无恙_2 天前
vscode 字体的跟换
ide·vscode·编辑器
新手小黑吖2 天前
vscode开发微信小程序
vscode·微信小程序
jennifer-jl2 天前
vscode remote ssh相关问题
vscode·ssh
言6662 天前
vscode npm run build打包报ELIFECYCLE
ide·vscode·npm
Chensf20213 天前
安装及使用vscode
ide·vscode·编辑器
DM今天肝到几点?3 天前
【7.26-7.28胜算云AI日报:首个开源3D世界生成模型腾讯混元、微软预示 8 月 GPT-5 发布、Nemotron推理、商汤悟能、DM夺金】
人工智能·vscode·microsoft·3d·ai·chatgpt
csdn_aspnet3 天前
如何从自定义或本地仓库安装 VsCode 扩展
ide·vscode
患得患失9493 天前
【前端】【vscode】【.vscode/settings.json】为单个项目配置自动格式化和开发环境
前端·vscode·json