vscode 好用的前端插件

解决开发别名无法跳转路径的痛,谁用谁知道好~
image.png
查看git仓库的commit和分支等所有信息~
image.png
每行代码都有提示是谁写的,为你的代码保驾护航~
image.png
汉化插件,我觉得用中文很方便,中国人中国魂!
image.png
解决括号闭合困扰,花括号回调地狱等滚一边去~ 一个字爽~
image.png

image.png
打字动态特效,解困解乏
image.png
// setting.json设置
// 我觉得最好看的是默认效果的颗粒
{
 "powermode.enabled": true,
 "powermode.enableShake": false,
 // "powermode.presets ":"flames",// 火焰
 // "powermode.presets":"exploding-rift",// 炸裂
 // "powermode.presets":"simple-rift",// 爆炸
 // "powermode.presets":"particles",// 颗粒
 // "powermode.presets":"fireworks",// 烟花
 // "powermode.presets":"magic",// 魔法
 // "powermode.presets":"clippy",// 回形针
}
万能的语言运行插件

平时学习算法什么的可以随便用


image.png

image.png
代码图片预览

可在代码行数隔壁 预览当前这段代码用到的图片


image.png
修改html标签时,自动修改匹配的标签

超级实用 ,
改开始或结束标签都可同步与其相呼应的标签


image.png
class id 样式快速跳转

适合vue单页面文件的样式引用跳转


截屏2021-08-15 下午10.13.10.png

适合传统h5 页面或者跨文件查询引用的跳转


image.png

持续更新

你可能感兴趣的:(vscode 好用的前端插件)