这里是坚果前端小课堂，大家喜欢的话，可以关注我的公众号“坚果前端，”，或者加我好友，获取更多精彩内容

vscode 开发插件推荐

扩展是完成工作的快捷方式。许多扩展有助于减少重复性工作、减少样板代码等。其他一些扩展有助于协助开发过程，甚至有助于更快、更高效的开发。

如何安装扩展？

首先快速回顾一下如何安装扩展。在 VS Code 中，单击左侧的扩展，然后搜索扩展并单击安装。

首先，我希望您启用了 Dart 和 Flutter 扩展，如果没有，您可以从这里获取它们：Dart和Flutter。这些提供了很多功能，通常当您开始使用 flutter 时，您肯定会安装这些。

现在让我们进入扩展，看看我们能做什么奇迹。

flutter 开发 VScode 插件推荐

Image preview

这是一个非常酷的扩展，它在悬停和装订线时显示图像预览，当您处理大量图像时可以派上用场。您可以预览以下文件类型：PNG、JPEG、JPG、GIF、SVG。这有助于我们避免在图像路径或名称方面犯任何错误。如果您将鼠标悬停在 path 上，扩展名会提供指向项目结构及其维度中的文件的链接。

Material Icon Theme

Material Theme Icons 用于向看起来有吸引力的文件夹显示有吸引力的图标主题。它还可以更轻松地识别文件和文件夹。

如何使用它？

启动命令面板（默认情况下，Ctrl+Shift+P在 Windows 上，⌘+Shift+P在 Mac 上）并键入Material Icons，选择Activate Icon Theme。激活后，图标将出现在您的资源管理器侧栏中。它有很多自定义功能，例如您可以更改颜色等。

Color Highlight

很多时候我们使用不同的颜色，这个扩展可以方便地查看通过在我们的代码中设置颜色样式而给出的颜色。