vscd 前端最实用的插件,有这几个就够了

indent-rainbow
对应括号缩进代码,并用不一样的颜色标注,使代码看起来更整洁,
在这里插入图片描述
Bracket Pair Colorizer 2vue

标记对应括号还有折线指示,好用的不行。有助于快速定位代码起始位置。web

在这里插入图片描述chinese 中文
为大陆用户而生
在这里插入图片描述
Veturjson

开发vue 必备神器自动补全代码。语法高亮。提升代码效率。特别好用。svg

在这里插入图片描述
power-mode 写代码特效3d

这是一款恒牛逼的特效
打开vscd 设置搜索 settings 点击打开 settings.lson
在这里插入图片描述code

在 settings.json 中添加本身喜欢的特效
在这里插入图片描述orm

{
    "workbench.colorTheme": "Atom One Dark",
    "editor.minimap.enabled": false,
    "window.zoomLevel": 0,
    // 下面三句添加就能够
    "powermode.enabled": true,
    "powermode.enableShake": false,
    //切换特效
    "powermode.presets": "flames",
    "indentRainbow.indentSetter": {
    
    },
    "[vue]": {
        "editor.defaultFormatter": "octref.vetur"
    }
}

特效说明截图
“powermode.presets”: “simple-rift”
在这里插入图片描述
“powermode.presets”: “exploding-rift”在这里插入图片描述xml

“powermode.presets”: “fireworks”在这里插入图片描述
“powermode.presets”: “flames”blog

在这里插入图片描述