• VSCode常用插件


    Code Spell Checker
    作用:帮助我们发现代码中拼写错误的单词
    在这里插入图片描述
    Bracket Pair Colorizer
    作用:高亮匹配代码块括号,让括号拥有独立的颜色,便于区分
    在这里插入图片描述
    Color Picker
    作用:修改代码的颜色选择器
    在这里插入图片描述
    Class autocomplete for HTML
    作用:可以自动补全 class=“” 的属性
    在这里插入图片描述
    Auto Close Tag
    作用:自动补全标签
    在这里插入图片描述
    Auto Rename Tag
    作用: 当重命名 html标签时,自动同步更换结尾标签。
    在这里插入图片描述
    Color Highlight
    作用:高亮显示样式颜色
    在这里插入图片描述
    Highlight Matching Tag
    作用:高亮显示对应的HTML标签以及标识出对应的各种括号
    在这里插入图片描述
    Path Intellisense
    作用:输入路径时,可以自动提示并补全路径
    在这里插入图片描述
    HTML Snippets
    作用:自动提示 HTML 标签,包括标签的含义
    在这里插入图片描述
    HTML CSS Support
    作用:html 标签上 class 智能提示当前项目所支持的样式
    在这里插入图片描述
    GitLens–Git supercharged
    作用:自动 git 代码追踪,查看代码是谁修改的
    在这里插入图片描述
    **open in browser **
    作用:页面文件右键,可以在浏览器预览
    在这里插入图片描述
    indent-rainbow
    作用: 代码区缩进,呈现带颜色的缩进。
    在这里插入图片描述
    Chinese (Simplified) Language Pack for Visual Studio Code
    作用:为VS Code提供本地化界面,中文(简体)语言包
    在这里插入图片描述
    image preview
    作用: 页面当中,鼠标 hover图片路径上,显示图像预览
    在这里插入图片描述
    CSS Peek
    作用:自动追踪 CSS的样式
    在这里插入图片描述
    jQuery Code Snippets
    作用:jQuery代码段自动提示
    在这里插入图片描述
    JavaScript (ES6) snippets
    作用: 支持 JavaScript ES6 语法
    在这里插入图片描述
    JavaScript (ES6) code snippets
    作用:页面中 ES6语法提示
    在这里插入图片描述
    vscode-icons
    作用:自动根据不同的文件类型添加不同的图标样式
    在这里插入图片描述
    Import Cost
    作用: 编辑器中显示引用包的大小。
    在这里插入图片描述
    Trailing Spaces
    作用: 突出显示页面尾部,多余的空格;方便快速删除它们!
    在这里插入图片描述
    Power Mode
    作用:编辑器中输入时,炫酷效果
    在这里插入图片描述

  • 相关阅读:
    3D ToF赋能小米CyberDog 2提升视觉灵敏度
    [野火]STM32 F103 HAL库开发实战指南笔记总结
    LeetCode每日一题(1706. Where Will the Ball Fall)
    yolov8人脸识别案例
    关于Java8 stream的相关使用及解析
    无涯教程-Flutter - 数据库
    windows下 C++ 实现类属性的get和set方式
    第六节:Word中对象的层次结构
    前端list列表自定义图标并设置大小
    【无标题】
  • 原文地址:https://blog.csdn.net/Shivy_/article/details/126030056