构建 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 多平台公布