vscode插件推荐

时间：北京时间2024年8月13日 黄帝纪年第4721年 青龙年

今天来推荐一些使用的插件还是比较实用：

一：Better Comments

配置：

"better-comments.tags": [
        {
            "tag": "!",
            "color": "#FF2D00",
            "strikethrough": false,
            "underline": false,
            "backgroundColor": "transparent",
            "bold": false,
            "italic": false
        },
        {
            "tag": "//",
            "color": "#474747",
            "strikethrough": true,
            "underline": false,
            "backgroundColor": "transparent",
            "bold": false,
            "italic": false
        },
        {
            "tag": "*",
            "color": "#98C379",
            "strikethrough": false,
            "underline": false,
            "backgroundColor": "transparent",
            "bold": false,
            "italic": false
        },
        {
            "tag": ":",
            "color": "#54f",
            "strikethrough": false,
            "underline": false,
            "backgroundColor": "transparent",
            "bold": false,
            "italic": false
        },
        {
            "tag": "?",
            "color": "#3498DB",
            "strikethrough": false,
            "underline": false,
            "backgroundColor": "transparent",
            "bold": false,
            "italic": false
        },
        {
            "tag": "@",
            "color": "#FF8C00",
            "strikethrough": false,
            "underline": false,
            "backgroundColor": "transparent",
            "bold": false,
            "italic": false
        },
        {
            "tag": "#",
            "color": "#98f",
            "strikethrough": false,
            "underline": false,
            "backgroundColor": "transparent",
            "bold": false,
            "italic": false
        },
        {
            "tag": "->",
            "color": "#5f9",
            "strikethrough": false,
            "underline": false,
            "backgroundColor": "transparent",
            "bold": false,
            "italic": false
        },
        {
            "tag": ">",
            "color": "yellow",
            "strikethrough": false,
            "underline": false,
            "backgroundColor": "transparent",
            "bold": false,
            "italic": false
        },
        {
            "tag": "=>",
            "color": "blue",
            "strikethrough": false,
            "underline": false,
            "backgroundColor": "transparent",
            "bold": false,
            "italic": false
        },
        {
            "tag": "todo",
            "color": "#fffae5",
            "strikethrough": false,
            "underline": false,
            "backgroundColor": "transparent",
            "bold": false,
            "italic": false
        }
    ],

效果：

二：林檎的旅行笔记

在我们自己写代码的时候会进行一些提示亲测比较实用

三：Auto Rename Tag

使用该插件，可以在重命名一个 HTML 标签时，自动重命名 HTML 标签的开始和结束标签。避免只修改了开始标签，而忘记修改结束标签。该扩展适用于 HTML、XML、PHP 和 JavaScript。

四：background-cover

可以给vscode添加一个背景图片点击右下角开始选择

五：ChatGPT - 中文版

可以给我们解决报错以及解释代码，开发过程中的小能手（每天只有几次机会，不全免费，每天签到也会赠送机会）

六：Chinese Colors

颜色的一个拓展，比如我们需要的颜色，输入中文该插件就会显示相应的颜色，比如输入红色，相对应的颜色就会显示出来

七：CSS Peek

选中我们的标签比如一个span标签，ctrl+鼠标左键就可以直接跳转到我们相应css的位置

八：Highlight Matching Tag

鼠标划过我们的标签时，会显示标签的起始位置和结束位置

九：Image preview

当我们引入图片路径就可以在最左侧显示我们引入的是什么图片

十：Indenticator

缩进行更好的让我们看出代码到哪一行结束

十一：koroFileHeader

对我们头部出现初始的代码注释，可以显示时间，人物，结束编辑时间等

十二：Vue - Official

vue3开发拓展

十三：Vue 3 Snippets

vue3开发拓展

十四：Regex Previewer

该插件是对我们的正则进行校验的

日拱一卒无有尽，功不唐娟终入海。