关于程序员:构建-Flutter-应用程序的10个最佳-VSCode-插件

30次阅读

共计 1827 个字符,预计需要花费 5 分钟才能阅读完成。

构建 Flutter 应用程序的 10 个最佳 VSCode 插件

在本文中,咱们将分享应用 VisualStudio 代码(VSCode) IDE 的教训。咱们的开发团队更喜爱应用某些插件,这里咱们将解释起因。咱们倡议不要留神他们的程序: 如果一个插件在咱们列表的开端,这并不意味着它比其余插件差。

咱们开始吧。

Flutter and Dart 主插件

你须要应用 Flutter 框架的第一个插件是

https://marketplace.visualstu…

这是一个主插件,它蕴含了所有必要的工具来应用 VSCode 中的 Flutter 框架。当您装置它时,该语言的插件将主动装置。

Https://marketplace.visualstudio.com/items?itemname=Dart-code.Dart-code

Awesome Flutter Snippets 代码块提醒

为了尽量减少编写代码时不必要的工作,人们创造了代码片段。它们是如何工作的?例如,开发人员开始输出单词“stl”,IDE 开始抉择创立无状态小部件的选项。

它十分不便,节俭了很多工夫。实践上,任何开发人员都能够本人编写这些代码段。然而市场有一个很棒的插件

https://marketplace.visualstu…

https://ducafecat.oss-cn-beij…

它曾经蕴含了所有最罕用的 Flutter 片段。

Flutter Color 色彩快捷显示

https://marketplace.visualstu…

咱们列表中的下一个是 Flutter Color 插件。

有时,在代码中形容色彩时,您心愿以可视化的形式示意该色彩。这就是这个插件的用处。它将代码中的色彩 (例如 0xFF882A7B) 转换为雷同色彩的一小块区域。这对于在脑海中设想应用程序中的色彩十分不便。

这是它在代码中的样子。

Image Preview 图像预览

https://marketplace.visualstu…

图像预览插件的工作形式雷同。

它能够让您轻松地查看您正在 IDE 中应用的绘图的预览。

Svg Preview 预览

https://marketplace.visualstu…

通常开发人员在他们的我的项目中应用 SVG 格局。然而,与 PNG 或 JPEG 格局不同,您不能简略地在浏览器中查看它。编写这个插件是为了可能在 IDE 中间接查看 SVG 文件。

YAML 格局验证

所有 Flutter 开发人员都遇到过编辑 pubspec.yaml 文件的问题。因为在 VSCode 中没有内置的格式化程序和验证程序,这个插件能够解决这个问题。

https://marketplace.visualstu…

它通过内置 Kubernetes 语法反对的 YAML-language-server 为 Visual Studio Code 提供全面的 YAML 语言反对。

Todo Tree 代码定位

开发人员有时须要在 TODO 中留神,这意味着“不要遗记在代码的这个地位做一些事件”然而在 VSCode 中没有不便的工具来显示这些正文。为此,我倡议应用这个插件。

https://marketplace.visualstu…

这个插件能够疾速搜寻您的工作区(应用 ripgrep),查找诸如 TODO 和 FIXME 之类的正文标记,并将它们显示在树视图中。单击树中的一个我的项目将关上该文件,并将光标放在蕴含 TODO 的行上。

Thunder Client API 调试工具

咱们列表中的下一个是一个十分重要的插件。

https://marketplace.visualstu…

应用它,您能够间接在 VSCode 中测试 API,创立本人的汇合,对 API 收回任何类型的申请,查看后端的申请和响应。

一旦咱们发现这个插件,咱们齐全停止使用邮递员。

Git Graph 历史记录

要应用 git,咱们应用以下插件:

https://marketplace.visualstu…

对于直观地查看分支、合并、差别、重置等,它十分不便。

Json to Dart Model 代码生成

上面的插件须要应用 JSON 并被调用

https://marketplace.visualstu…

每个开发人员都必须应用 JSON 模型。但有时候来自后端的模型十分大。手动创立模型类可能须要很多工夫。这个插件能够通过从后端复制响应来疾速创立现成的模型。

本文完结,欢送关注.


© 猫哥

  • 微信 ducafecat
  • https://wiki.ducafecat.tech

本文由 mdnice 多平台公布

正文完
 0