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

置顶小四是个处女座

已于 2022-03-11 09:32:51 修改

阅读量3.4k

点赞数 7

分类专栏： vue vscd插件 web 文章标签： vue.js html html5 jquery

于 2020-05-23 10:42:52 首次发布

本文链接：https://blog.csdn.net/xiaosi1413/article/details/106296198

版权

vue 同时被 3 个专栏收录

64 篇文章 1 订阅

订阅专栏

web

17 篇文章 0 订阅

订阅专栏

vscd插件

1 篇文章 0 订阅

订阅专栏

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”