日常使用vscode开发flutter相关的插件

简介

这里整理了日常使用vscode开发flutter相关的插件，也有部分通用类型的插件

Flutter & Dart

这2个是flutter官方插件，开发flutter装机必备，不用多说。

Awesome Flutter Snippets

Awesome Flutter Snippets is a collection snippets and shortcuts for commonly used Flutter functions and classes

这里面包含Flutter中非常常用的代码片段

Bracket Pair Colorizer 2

A customizable extension for colorizing matching brackets

这个插件可以使成对的括号带上不同颜色，特别适合dart这种嵌套层级很深声明式语言， 这个插件可以很方便的区分括号的开始和截止位置

Bracket _Pair_Colorizer_2

GitLens

Supercharge the Git capabilities built into Visual Studio Code — Visualize code authorship at a glance via Git blame annotations and code lens, seamlessly navigate and explore Git repositories, gain valuable insights via powerful comparison commands, and so much more

最好用的feature是在该行末尾的引人注目的当前行责任注释，可通过悬停获取详细的责任信息，当然还有很多其他的feature，请自行探索。

git相关的右键菜单

Color Highlight

Highlight web colors in your editor

web颜色高亮，直接将颜色对应的css显示出来，非常直观

color_highlight

Image Preview

Shows image preview in the gutter and on hover

单鼠标悬浮在带有图片的超链接上会显示预览图片

image_preview

pubspec assist

Easily add and update dependencies to your Dart and Flutter project.

Material Icon Theme

Material Design Icons for Visual Studio Code

针对不同的文件icon和文件夹icon设计了一套主题图标

Error lens

Improve highlighting of errors, warnings and other language diagnostics.

增强了语言中的错误高亮效果，使错误提示在代码后面显示

error_lens

flutter-stylizer

Flutter Stylizer organizes your Flutter classes in an opinionated and consistent manner.

使flutter中的代码按照下面的方式排序，方便统一约束团队代码的结构

"flutterStylizer.memberOrdering": [
    "public-constructor",
    "named-constructors",
    "public-static-variables",
    "public-instance-variables",
    "private-static-variables",
    "private-instance-variables",
    "public-override-methods",
    "public-other-methods",
    "build-method",
],

当然这只是默认顺序，具体的顺序可以自行调整,插件安装完成后，通过快捷键格式化当前的文件

最后

这里也为想要学习Flutter的朋友们准备了两份学习资料《Flutter Dart语言编程入门到精通》《Flutter实战》，从编程语言到项目实战，一条龙服务！！

《Flutter Dart 语言编程入门到精通》

• 第一章 Dart语言基础
• 第二章 Dart 异步编程



• 第三章 异步之 Stream 详解
• 第四章 Dart标准输入输出流



• 第五章 Dart 网络编程
• 第六章 Flutter 爬虫与服务端



• 第七章 Dart 的服务端开发
• 第八章 Dart 调用C语言混合编程
• 第九章 LuaDardo中Dart与Lua的相互调用

《Flutter实战：第二版》

• 第一章：起步
• 第二章：第一个Flutter应用
• 第三章：基础组件
• 第四章：布局类组件
• 第五章：容器类组件

• 第六章：可滚动组件
• 第七章：功能型组件
• 第八章：事件处理与通知
• 第九章：动画
• 第十章：自定义组件



• 第十一章：文件操作与网络请求
• 第十二章：Flutter扩展
• 第十三章：国际化
• 第十四章：Flutter核心原理
• 第十五章：一个完整的Flutter应用