插件！让你的Vscode强大起 - 凌晨两点的夜猫子

前言#

Vscode是一款非常强大的编辑器，特别是对于前端开发而言，

但如果我们只是使用默认的配置，那么Vscode的功能就非常的有限，甚至可以说是鸡肋

无论是为了更好的开发体验，或者是进行更快捷的开发

一些好用方便的插件可谓是必不可少的，以下是我在前端开发时常用的插件！

Live Server可以让你在开发过程中实时预览你的代码，非常方便。

Prettier能在保存时自动格式化你的代码，保持代码的一致性。

ESLint可以让你在开发过程中实时静态的检查你的代码，发现潜在的问题。

Error Lens可以让你在开发过程中实时查看错误信息并且红色标记，方便你快速定位问题。

虽然大家都是开发者习惯了英文操作界面，但中文的方便性不言而喻

这个插件可以让你在开发过程中实时查看代码的颜色，方便你了解代码的样式。

indent-rainbow通过颜色区分让你在开发过程中实时查看代码的缩进情况。

Stylelint可以让你在开发过程中实时检查你的CSS代码，发现潜在的问题。

Tailwind CSS IntelliSense可以让你在开发过程中实时查看Tailwind CSS代码的提示，方便你快速编写代码。

SCSS可以让你在开发过程中实时查看SCSS代码的提示，方便你快速编写代码。

Vue-official这个插件是vue项目开发必不可少的，可以让你在开发过程中实时查看Vue代码的提示，方便你快速编写代码。

既然有Vue的插件，那么React的插件也必然是有的

WakeTime可以统计项目的开发时长，开发过程中实时查看项目的开发时长，方便你了解自己的开发效率。

这个插件可以让你在开发过程中查看Git提交历史，方便你了解代码的变更情况。

One Dark Pro提供了新的主题样式，让开发界面更加舒适美观。