猫哥 wiki.ducafecat.tech

如何有效地编写 Flutter 代码

前言

当我们开始任何开发时，我们通常倾向于手工编写每个代码。毫无疑问，这很好，但是一旦我们熟悉了这项技术，如果我们仍然遵循同样的规则，它可能会妨碍我们的代码编写技巧，并且需要更长的时间来完成您的工作。

我是个很懒的程序员

让我先告诉这件事情。我总是喜欢自动化我的工作，并尝试写最低限度的代码。

在这个博客中，我将列出我在 VsCode 中的所有设置，以及我用来使我的开发变得轻松的所有代码生成方法。

正文

Extensions 扩展

让我们从 Vscode 扩展开始

  • GitHub Copilot https://marketplace.visualstudio.com/items?itemName=GitHub.copilot

一旦我得到了 copilot 的早期访问权限，我的代码通常会在我写一个字之前就自己写出来。它可以很容易地从我以前的代码中预测，也可以从我为生成代码而写的注释中预测。

  • Awesome Flutter Snippets https://marketplace.visualstudio.com/items?itemName=Nash.awesome-flutter-snippets

此扩展包含正常使用所需的所有基本代码片段，例如有状态和无状态 widget 以及其他定义的 widget 。

  • bloc https://marketplace.visualstudio.com/items?itemName=FelixAngelov.bloc

创建 bloc 代码片段的最简单方法。

  • Thunder Client https://marketplace.visualstudio.com/items?itemName=rangav.vscode-thunder-client

我不喜欢打开任何其他应用程序，如邮递员检查 api 响应，而是我直接从我的 vscode 使用雷客户端。

  • Pubspec Assist https://marketplace.visualstudio.com/items?itemName=jeroen-meijer.pubspec-assist

我们需要打开 pubspec.yaml 文件并一次添加一个依赖项的次数。我可以轻松地数 20 到 30 次。但是这个扩展可以帮助我从任何地方添加包。看看用途。

Code Generator 代码生成器

下面是我用于代码生成的 cli 和包。

  • Very good CLI https://pub.dev/packages/very_good_cli

创建具有所有必需风格和原生启动的项目的容易程度是非常好的。我喜欢 Felix Angelov 的作品，还有非常好的投资。只需检查如何轻松地启动您的项目，至少 4-5 小时的工作已经在完成状态。

  • Mason https://pub.dev/packages/mason_cli

Mason 是一个代码生成软件包，由同一个团队在非常好的企业。这是创建可以在任何地方使用的个性化模板的最简单的方法。

就我个人而言，我使用我自己的软件包，我已经创建了完整的功能文件夹与区块代码，它已经帮助我写代码在几秒钟内。

https://brickhub.dev/bricks/bloc_feature/0.1.0+1

  • Freezed https://pub.dev/packages/freezed

不用介绍了，都冻僵了。它有助于为资产、块和模型创建生成的文件。您需要将它与其他一些包进行配对，以使其工作得最好。

附加包裹以补充冷冻

Vscode 设置

  • 修正保存代码
"editor.codeActionsOnSave": {"source.fixAll": true},

这将修复代码中的所有警告，并确保代码中没有任何警告。

  1. 删除未整理的导包

这将删除所有未使用的导入，并按照适当的顺序对它们进行排序，以便于读取。

这是我使用的所有扩展和设置的列表。

结束语

如果本文对你有帮助，请转发让更多的朋友阅读。

也许这个操作只要你 3 秒钟，对我来说是一个激励，感谢。

祝你有一个美好的一天~

© 猫哥

  • 微信 ducafecat

  • https://wiki.ducafecat.tech

  • https://ducafecat.com

Last Updated:
Contributors: ducafecat