VSCode 你可能会用到的插件

VSCode 你可能会用到的插件

A:

Auto Rename Tag

前端插件：自动重命名标签

当你选中一个开始标签或结束标签并开始修改它的名称时，与之匹配的标签名称也会自动修改。

auto-rename-tag.activationOnLanguage(选择待激活的语言，默认为*，即全部):

C:

Code Spell Checker

代码工具：拼写错误检查

Code Spell Checker 会默认检查这些语言中的变量、函数、注释等内容，如果有任何拼写错误，它都会在编辑器中进行标记并给出正确的拼写建议。

Color Highlight

前端插件：高亮颜色值

帮助你在编辑器中高亮显示 CSS、Sass、Less 和 Stylus 中的颜色值。

CSS Peek

前端插件：CSS探视

这个插件可以让你在编辑器中快速查找一个类名或 ID 所对应的样式代码，这样可以更方便地修改样式。

当你将光标(按住CTRL)放在一个类名或 ID 上时，它会在编辑器中显示这个类名或 ID 所在的样式代码，并高亮显示这些代码，这样你就可以快速地查看和修改样式。按住CTRL键同时点击样式类的名称或者在类的名称上按F12键即可跳转到样式的定义。

D:

Draw.io Integration

绘图工具：使用 Draw.io 进行流程图、组织结构图、网络拓扑图等的绘制

在编辑器中使用快捷键（默认为 Alt+D）即可打开 Draw.io 编辑器，开始创建和编辑图表。

E:

Error Lens

代码工具：错误显示

它可以在编辑器中实时显示代码中的语法错误和警告信息，帮助开发者快速定位和修复问题，提高编码效率和质量。

I:

indent-rainbow

代码工具：彩虹缩进

这个插件可以在编辑器中为每个缩进级别应用不同的颜色，使得你可以更加清晰地看到代码的层次结构。

L:

Live Server

前端插件：本地开发服务器

这个插件可以在编辑器中启动一个本地服务器，并在你进行代码更改时自动刷新浏览器。它还可以为你提供一个实时的开发环境，可以在你修改代码后立即看到结果，而无需手动刷新浏览器。

P:

Parameter Hints

代码工具：参数提示

这个插件可以在你输入函数或方法时，自动显示参数名称和类型的提示信息，使你更加清晰地了解代码中每个参数的含义和作用。

Prettier - Code formatter

代码工具：代码格式化

它可以帮助你自动格式化你的代码，使其符合团队的编码规范和风格指南，提高代码的可读性和可维护性。