VS Code 插件推荐

俗话说的好，工欲善其事，必先利其器。下面就来推荐一点前端常用的工具吧

VS Code 插件

vscode 作为主流的编辑器，其中涵盖了不少好用的插件，一起来看看吧。

CSS Peak

CSS Peek是一个绝妙的扩展，它允许您直接从HTML文件中导航和检查CSS定义。通过右键单击类或ID，您可以查看相关的CSS代码，从而更高效地定位和编辑样式。简而言之，就是能够快速找到定义的地方。

Live Server

Live Server用于创建本地开发服务器，能够快速预览网页，且不需要手动刷新，主要用于实时测试和调试代码。

GitLens

GitLens的好用无需多言，约等于可视化操作git。常用的操作都能通过它实现，无需命令就能看到提交记录、版本记录、各个分支的内容、版本对比等等。

Prettier - Code formatter

Prettier让你的代码能够保持一定的格式，可以通过设置，来实现自己的代码编写风格。它支持多种语言，包括HTML、CSS、JavaScript等，确保您的代码始终符合一致的风格。

Color Highlight

颜色高亮，写CSS的时候很方便。

各个框架的插件

如支持vue2的Vue VSCode Snippets；支持Vue3的TypeScript Vue Plugin (Volar)；还有支持flutter开发的Dart插件。

其他工具

FSCapture

FSCapture（全名为FastStone Capture）是一款体积小巧、功能强大、简单易用的屏幕捕捉工具，集屏幕截图、图像编辑、视频录制、屏幕取色、标尺功能于一身，极易上手，无需安装，点击即用。