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

---

持续更新