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”

在这里插入图片描述
Nebula Theme
改变代码颜色 少女心最爱
在这里插入图片描述
Icon Fonts
提供各种图标供你使用

在这里插入图片描述

CSS Peek

如果你知道类或 ID 名称,它还允许你快速跳转到对应 CSS 代码的位置

Auto Rename Tag

自动重命名标签,更改开始标签时立即添加结束标签,

Prettier

自动格式话代码

Live Server

代码热更新

Logo

前往低代码交流专区

更多推荐