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

语言: CN / TW / HK

1. Pubspec Assist

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

image (1).png

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

1_hJL89-dt31-UucKFzgmnew.gif

2. Material Icon Theme

image (2).png

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

3. Awesome Flutter Snippets

image (3).png

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

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

4. Bloc

image (4).png

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

1_4KGxhFGRq9RUPhL3ftL_4Q.gif

5. Error Lens

image (5).png

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

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

6. Json to Dart Model

image (6).png

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

1_dYv0_qDdk58lKvgaTx6e8w.gif


原文:https://medium.com/codex/flutters-top-6-most-useful-vs-code-extensions-5cbba8994801