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

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

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

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

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

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

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

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

{
    "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”在这里插入图片描述

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

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/xiaosi1413/article/details/106296198