Flutter 的 6 个最有用的 VS Code扩展

1. Pubspec Assist

Pubspec Assist 是一个 Visual Studio Code 扩展,它允许您轻松地将依赖项添加到您的 Dart 和 Flutter 项目的 pubspec.yaml,所有这些都无需离开您的编辑器。

Flutter 的 6 个最有用的 VS Code扩展插图

只需打开命令面板(默认情况下,Windows 上为 Ctrl+Shift+P,Mac 上为 ⌘+Shift+P)并搜索“Pubspec Assist”。

Flutter 的 6 个最有用的 VS Code扩展插图(1)

2. Material Icon Theme

Flutter 的 6 个最有用的 VS Code扩展插图(2)

这个扩展为你的文件列表提供了漂亮的图标。如果文件是 JavaScript,那么它将在文件名旁边的材料样式中包含一个 JavaScript 图标。如果您更像是视觉开发人员,那么此扩展程序适合您。它被数百万用户广泛使用。

3. Awesome Flutter Snippets

Flutter 的 6 个最有用的 VS Code扩展插图(3)

Awesome Flutter Snippets 是常用的 Flutter 类和方法的集合。它通过消除与创建小部件相关的大部分样板代码来提高您的开发速度。StreamBuilder 和 SingleChildScrollView 等小部件可以通过分别键入快捷方式 streamBldr 和 singleChildSV 来创建。

特性:

  • 加快开发速度
  • 消除样板
  • 支持复杂的小部件(例如:Custom Clipper 和 Custom Paint)

4. Bloc

Flutter 的 6 个最有用的 VS Code扩展插图(4)

您可以通过启动命令面板(查看 -> 命令面板)并运行输入命令名称来激活命令,或者您可以右键单击要在其中创建 bloc/cubit 的目录并从上下文中选择命令菜单。

Flutter 的 6 个最有用的 VS Code扩展插图(5)

5. Error Lens

Flutter 的 6 个最有用的 VS Code扩展插图(6)

ErrorLens 通过使诊断更加突出来增强语言诊断功能,在语言生成诊断的任何位置突出显示整行,并内联打印消息。

特性:

  • 突出显示包含诊断的行
  • 将诊断作为文本附加到行尾
  • 在gutter显示图标
  • 在状态栏中显示消息

6. Json to Dart Model

Flutter 的 6 个最有用的 VS Code扩展插图(7)

给定一个 JSON 字符串,这个库将生成所有必要的 Dart 类,以安全的方式解析和生成 JSON,因为生成器支持 jsoncjson。还旨在根据 Flutter 的文档推荐和 Effective Dart: Style 生成对 Flutter 友好的模型类。扩展支持手动序列化 JSON 和使用 Freezed 和 Json Serializable 等代码生成库序列化 JSON。

Flutter 的 6 个最有用的 VS Code扩展插图(8)

提供全面的潍坊网站建设学习交流,小程序、APP、H5、支付、游戏、区块链、商城、直播、影音、小说、公众号等源码学习交流。
易速网络公司 » Flutter 的 6 个最有用的 VS Code扩展
享更多特权,立即登录下载海量资源
喜欢我嘛?喜欢就按“ctrl+D”收藏我吧!♡