0
点赞
收藏
分享

微信扫一扫

日常使用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这种嵌套层级很深声明式语言, 这个插件可以很方便的区分括号的开始和截止位置

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

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,请自行探索。

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

git相关的右键菜单

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

Color Highlight

Highlight web colors in your editor

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

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

color_highlight

Image Preview

Shows image preview in the gutter and on hover

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

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

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设计了一套主题图标

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

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

Error lens

Improve highlighting of errors, warnings and other language diagnostics.

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

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

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",
],

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


举报

相关推荐

0 条评论