vscode开发插件推荐
扩展是完成工作的快捷方式。许多扩展有助于减少重复性工作、减少样板代码等。其他一些扩展有助于协助开发过程,甚至有助于更快、更高效的开发。
如何安装扩展?
首先快速回顾一下如何安装扩展。在 VS Code 中,单击左侧的扩展,然后搜索扩展并单击安装。
首先,我希望您启用了 Dart 和 Flutter 扩展,如果没有,您可以从这里获取它们:Dart和Flutter。这些提供了很多功能,通常当您开始使用 flutter 时,您肯定会安装这些。
现在让我们进入扩展,看看我们能做什么奇迹。
flutter开发VScode插件推荐
Flutter Intl
这有助于在 .arb 文件的翻译和 Flutter 应用程序之间创建绑定。它为官方 Dart Intl库生成样板代码,并为 Dart 代码中的键添加自动完成功能。
“如何使用它? ”
打开命令面板(默认情况下,Ctrl Shift P
在 Windows 上,⌘ Shift P
在 Mac 上)并搜索Flutter Intl: Initialize
命令。默认情况下,en
语言环境是通过自动创建文件添加的lib/l10n/intl_en.arb
。您可以使用 command 添加更多语言环境Flutter Intl: Add locale
。
FF Flutter Files
这个扩展允许在 VS Code 项目中快速搭建 flutter BLoC 模板。
“如何使用它? ”
右键单击当前项目中的文件或文件夹。您可以找到添加到上下文菜单中的多个选项,例如 New Bloc、New Event、New Model、New Page 等。
Flutter Tree
这是用漂亮的语法构建基本的小部件树。这使得小部件树更容易,但一个问题是你必须学习另一种新语法,如下所示:
代码语言:javascript复制OneChild>MultipleChild[OneChild,MultipleChild[OneChild,OneChild], OneChild>OneChild]
Better Comments
这是 VS 代码开发人员使用的另一个流行扩展。它有助于创建丰富多彩的评论,这实际上使评论更具可读性。这有助于以更好的方式维护代码注释。评论可以帮助团队中的其他开发人员或我们未来的自己。您可以在评论中写 TODO,这有助于以后不会错过任何重要的作品。在评论中,您只需以 * 或 ! 或者 ?或 TODO,它会自动具有特定的颜色。
Error lens
错误镜头有助于使诊断更加突出,在语言生成诊断的任何地方突出显示整行,并内联打印消息。
Todo Tree
Gruntfuggly 的 Todo Tree 非常方便,不仅在 flutter 中,而且在 VS Code 中也是如此。它在资源管理器的 Treeview 中显示代码中的所有 TODO 和 FIXME 标签,从而帮助我们直接解决它们,而无需在代码中手动搜索它们,节省了大量时间。
Path Autocomplete
这是一个非常有用的扩展,它可以为您的文件或文件夹提供路径补全。这使得将图像或任何资源添加到我们的文件中变得更加容易。
Polacode-2020
如果您撰写文章或教程,这将非常有用。此扩展程序可以帮助您从代码中获得漂亮的屏幕截图
“如何使用它? ”
启动命令面板(默认情况下,Ctrl Shift P
在 Windows 上,⌘ Shift P
在 Mac 上)并键入Polacode
然后选择您想要截图的代码。
GitLens — Git supercharged
它可以帮助您通过 Git 责备注释和代码镜头一目了然地可视化代码作者,无缝导航和探索 Git 存储库,通过强大的比较命令获得有价值的见解等等。
今天的知识分享到这儿就和大家说再见了,明天给大家推荐的是该系列的第二节。