前言

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

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

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

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

插件推荐

1. Live Server

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

2. Prettier - Code formatter

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

3. ESLint

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

4. Error Lens

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

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

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

6. Color Highlight

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

7. indent-rainbow

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

8. Stylelint

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

9. Tailwind CSS IntelliSense

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

10. SCSS intelliSense

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

11. Vue-official

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

12. ES7 React

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

13. WakeTime

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

14. GitLens

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

15. One Dark Pro

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