首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >vscode开发插件推荐第一节

vscode开发插件推荐第一节

作者头像
徐建国
发布2021-12-01 14:11:21
1K0
发布2021-12-01 14:11:21
举报
文章被收录于专栏:个人路线个人路线

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

这是用漂亮的语法构建基本的小部件树。这使得小部件树更容易,但一个问题是你必须学习另一种新语法,如下所示:

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 存储库,通过强大的比较命令获得有价值的见解等等。

今天的知识分享到这儿就和大家说再见了,明天给大家推荐的是该系列的第二节。

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2021-11-20,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 坚果前端 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • vscode开发插件推荐
    • 如何安装扩展?
      • Flutter Intl
        • FF Flutter Files
          • Flutter Tree
            • Better Comments
              • Error lens
                • Todo Tree
                  • Path Autocomplete
                    • Polacode-2020
                      • GitLens — Git supercharged
                      领券
                      问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档