前言

“君子生非异也，善假于物也”。身为一个开发人员，没有开发工具的帮助，开发过程也许会困难重重。本文主要记录一下本人前端开发中常用的VSCode插件。

1.Auto Close Tag

主要用于在HTML/XML代码中实现输入起始标签时自动生成闭合标签，新版本VSCode已自动装配

2.Auto Rename Tag

此插件主要用于在HTML/XML代码中实现修改起始标签时自动修改闭合标签。

3.Better Comments

通过在注释中添加注解实现特定的提示功能，比如TODO

4.Chinese (Simplified) (简体中文)

VSCode汉化插件，使用后编辑器文字将转换为简体中文

5.CodeGeeX

CodeGeeX 是一个用人工智能驱动的帮助你快速编写代码的代码生成工具，由清华大学发布。可以用于替代收费的Github Copilot

6.Color Highlight

实时预览CSS代码中颜色的插件

7.Console Ninja

无需浏览器控制台，可以直接将console.log的结果打印在编辑器代码处的插件

8.Duplicate action

通过右键文件可以直接进行文件的复制

9.Error Lens

可以将代码的错误结果直接显示在编辑器中，并且能同步到错误代码的位置

10.Eslint

代码样式检验和格式化插件，可以通过编辑器定义的ESlint规则校验和格式化代码，也可以通过在项目中创建.eslintrc eslint.config.js等文件自定义规则

11.Eslint Chinese Rules

顾名思义，就是一个能够将ESlint规则转换为简体中文插件，帮助开发者理解错误原因

12.eslint-disable-snippets

代码中有些时候会出现规则之外的代码，我们可以通过添加// eslint-disable-next-line等注释来控制ESlint的校验行为

13.filesize

该插件会在状态栏显示当前文件的大小，我们可以据此进行文件和代码的拆分

14.GitLens

该插件可以显示代码修改的责任人、时间、提交信息，我们可以据此进行代码分析、bug追责等

15.Highlight Matching Tag

高亮匹配的括号、大括号等，使代码结构更加清晰