VS Code Flutter 开发插件

Posted 会煮咖啡的猫咪

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了VS Code Flutter 开发插件相关的知识,希望对你有一定的参考价值。

原文

https://itnext.io/best-vs-code-extensions-for-flutter-adcc808c5204

最佳 VS Flutter 代码扩展

VS 代码是目前应用最广泛的 Flutter 集成开发环境之一。但是有许多方法可以通过使用 VS 代码的扩展来提高工作效率。

Awesome Flutter Snippets

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

Pubspec Assist

Pubspec Assist 是一个 Visual Studio Code 扩展,它允许您轻松地添加对 DartFlutter 项目的 Pubspec.yaml 的依赖项,而不需要离开编辑器。

注意: 在 Dart 版本 > 2.5 中,这个功能是默认可用的!

Material Icon Theme

Material Icon Theme 主题是一个 Visual Studio 代码扩展,允许你改变你的文件夹和文件图标,并使它们不枯燥!

Dart Data Class Generator Dart

Dart 数据类生成器是一个 Visual Studio 代码扩展,它允许您轻松、快速地创建 Dart 数据类,而且不需要编写样板文件或运行代码生成。

Todo Tree

Dart 数据类生成器是一个 Visual Studio 代码扩展,这个扩展可以快速搜索 (using [ripgrep](https://github.com/BurntSushi/ripgrep)) 你的工作空间中的评论标签,比如 TODO 和 FIXME,并在浏览器面板的树视图中显示它们。单击树中的 TODO 将打开文件并将光标放在包含 TODO 的行上。

找到的 TODOs 也可以在打开的文件中突出显示。

Better Comments

Better Comments 是 visualstudiocode 扩展,该扩展将帮助您在代码中创建更加人性化的注释。有了这个扩展,你就可以把你的注释分类为:

  • Alerts
  • Queries
  • TODOs
  • Highlights
  • 注释掉的代码也可以进行样式设置,以清楚地表明代码不应该出现在那里
  • 任何其他你想要的评论样式都可以在设置中指定

Remove Comments

删除注释是一个 visualstudio 代码扩展,这个扩展将帮助您立即从代码中删除所有注释!一次性整理和删除你的代码!

Image Preview

Image Preview 是一个 Visual Studio Code 扩展,可以在 gutter 和 hover 中显示要预览的图像。

State Management Snippets

GetX Snippets

GetX Snippets 是一个 Visual Studio Code 扩展,用来加速 Flutter 开发应用程序的过程,目标是每个使用 Get 包的人。

Bloc

Bloc 是一个 Visual Studio Code 扩展。这个软件包是为了方便实现 BLoC 设计模式(业务逻辑组件)与 Flutter 开发应用程序,目标是每个人使用 bloc 包。

Flutter Riverpod Snippets

Flutter Riverpod Snippets 是一个 Visual Studio Code 扩展,它可以提高你使用 Riverpod 的方式。它包含不同代码段的集合,例如 provider。

Provider

Flutter Provider Snippets 是一个 Visual Studio Code 扩展,它允许收集使用提供程序时常用的 Flutter 类和方法。它可以加快你的发展速度。


© 猫哥

  • https://ducafecat.tech/

  • https://github.com/ducafecat

  • 微信群 ducafecat

  • b 站 https://space.bilibili.com/404904528

往期

开源

GetX Quick Start

https://github.com/ducafecat/getx_quick_start

新闻客户端

https://github.com/ducafecat/flutter_learn_news

strapi 手册译文

https://getstrapi.cn

微信讨论群 ducafecat

系列集合

译文

https://ducafecat.tech/categories/%E8%AF%91%E6%96%87/

开源项目

https://ducafecat.tech/categories/%E5%BC%80%E6%BA%90/

Dart 编程语言基础

https://space.bilibili.com/404904528/channel/detail?cid=111585

Flutter 零基础入门

https://space.bilibili.com/404904528/channel/detail?cid=123470

Flutter 实战从零开始 新闻客户端

https://space.bilibili.com/404904528/channel/detail?cid=106755

Flutter 组件开发

https://space.bilibili.com/404904528/channel/detail?cid=144262

Flutter Bloc

https://space.bilibili.com/404904528/channel/detail?cid=177519

Flutter Getx4

https://space.bilibili.com/404904528/channel/detail?cid=177514

Docker Yapi

https://space.bilibili.com/404904528/channel/detail?cid=130578

以上是关于VS Code Flutter 开发插件的主要内容,如果未能解决你的问题,请参考以下文章

vs code插件

[搬运] 将 Visual Studio 的代码片段导出到 VS Code

实用VS Code 插件汇总

vs code初体验

VS Code 插件整理

Flutter/Dart 自动完成功能适用于 VS Code,但不适用于 Android Studio