简介
这里整理了日常使用vscode开发flutter相关的插件,也有部分通用类型的插件
这2个是flutter官方插件,开发flutter装机必备,不用多说。
Awesome Flutter Snippets is a collection snippets and shortcuts for commonly used Flutter functions and classes
这里面包含Flutter中非常常用的代码片段
A customizable extension for colorizing matching brackets
这个插件可以使成对的括号带上不同颜色,特别适合dart这种嵌套层级很深声明式语言, 这个插件可以很方便的区分括号的开始和截止位置
![](https://img.haomeiwen.com/i2152722/be1c37806a3a8061.png)
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,请自行探索。
![](https://img.haomeiwen.com/i2152722/e93f16fdd4b33f74.png)
git相关的右键菜单
![](https://img.haomeiwen.com/i2152722/610f00c75803ec71.png)
Highlight web colors in your editor
web颜色高亮,直接将颜色对应的css显示出来,非常直观
![](https://img.haomeiwen.com/i2152722/0f6ff6c5c8b638a6.png)
Shows image preview in the gutter and on hover
单鼠标悬浮在带有图片的超链接上会显示预览图片
![](https://img.haomeiwen.com/i2152722/46593113854e6fe5.png)
Easily add and update dependencies to your Dart and Flutter project.
Material Design Icons for Visual Studio Code
针对不同的文件icon和文件夹icon设计了一套主题图标
![](https://img.haomeiwen.com/i2152722/1f7585770f9d0e80.png)
![](https://img.haomeiwen.com/i2152722/e17c37acf30c4443.png)
Improve highlighting of errors, warnings and other language diagnostics.
增强了语言中的错误高亮效果,使错误提示在代码后面显示
![](https://img.haomeiwen.com/i2152722/2654d26405aded06.png)
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",],
复制
当然这只是默认顺序,具体的顺序可以自行调整,插件安装完成后,通过快捷键格式化当前的文件
REST Client for Visual Studio Code
在VSCode里面直接发送请求,能自动识别.http和.rest后缀的文件
点击Send Request开始发送请求。
网友评论