时间:北京时间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
该插件是对我们的正则进行校验的
日拱一卒无有尽,功不唐娟终入海。