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

相关推荐
Adorable老犀牛2 小时前
可遇不可求的自动化运维工具 | 2 | 实施阶段一:基础准备
运维·git·vscode·python·node.js·自动化
Lecxcy_Kastreain3 小时前
解决VSCode默认F5配置无法启动调试器的问题
ide·vscode·编辑器
T0uken5 小时前
【C++】LLVM-mingw + VSCode:Windows 开发攻略
c++·windows·vscode
一骑红尘荔枝来9 小时前
转载:VSCODE 关闭文件和资源管理器关联
ide·vscode·编辑器
雁于飞14 小时前
vscode中使用git、githup的基操
笔记·git·vscode·学习·elasticsearch·gitee·github
Teletele-Lin18 小时前
Miniconda安装与VSCode搭建远程Python、Jupyter开发环境
vscode·python·jupyter·环境配置·远程开发
zhong liu bin1 天前
Vue框架技术详解——项目驱动概念理解【前端】【Vue】
前端·javascript·vue.js·vscode·vue
Blue桃之夭夭2 天前
Visual Studio Code设置个性化背景教程
ide·vscode·编辑器
byte轻骑兵3 天前
365 天技术创作手记:从一行代码到四万同行者的相遇
ide·vscode·编辑器
奥特曼打小白3 天前
Visual Studio Code的第一次安装
ide·vscode·编辑器