vscode开发插件推荐第二节

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

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

Awesome Flutter Snippets

这是Jeroen Meijer创建的最著名和最常用的扩展之一，许多顶级 Flutter 开发人员都建议使用它。这样可以更轻松地将 pub 添加到pubspec.yaml，而无需离开您的编辑器。这只会添加最新版本，因此它也可以用于更新现有的 pub。提供的一个很好的扩展 ，他从一开始就与 Flutter 联系在一起，并且是 Flutter 社区的主要贡献者。此扩展程序是最新的，没有已知问题，如果有任何问题，您可以直接联系任何帮助。

Awesome Flutter Snippets 是常用 Flutter 类和方法的集合。它通过消除与创建小部件相关的大部分样板代码来提高您的开发速度。可以通过分别键入快捷方式和来创建诸如StreamBuilder和 之类的小部件。

Pubspec assist

这是Jeroen Meijer创建的最著名和最常用的扩展之一，许多顶级 Flutter 开发人员都建议使用它。这样可以更轻松地将 pub 添加到pubspec.yaml，而无需离开您的编辑器。这只会添加最新版本，因此它也可以用于更新现有的 pub。

Bracket Pair Colorizer 2

我们经常迷失在嵌套部件树和嵌套类的迷宫中，花费大量时间寻找括号对。此扩展使通过颜色编码更容易找到括号对。您可以自定义与括号和活动范围显示相关的颜色和许多其他功能。它还提供了用于扩展 ( *shift+alt+right)*和撤消 ( shift+alt+left)括号选择的键盘快捷键。

Dart Getters And Setters

使用此扩展，您可以轻松地为所有必需的变量创建 getter 和 setter。

只需选择需要 getter 和 setter 的变量，然后右键单击并选择Generate Getters and Setters选项。

今天的知识分享到这儿就和大家说再见了，我们下期再见！

明天给大家介绍使用androidstudio开发时，插件推荐