今天主要介绍VSCode开发Flutter时装哪些扩充插件,
还有一些开发时会用到的小眉角,写起来稍微事半功倍一点

VScode extension

基本应该都有装 Dart 与 Flutter

Awesome Flutter Snippets
创stateful Widget或是 Stateless Widget的short cut

Bracket Pair Colorizer 2
成对的括号 会显示同样的颜色, 以及括号与括号之间 有个细线连起来

GetX Snippets
如果有使用GetX 的话推荐使用,会自动生成class 再去命名

创建page 则输入 “getpage”,

创建GetxController 则输入 "getcontroller",

Tips

现有的Widget,如果外面需要包一层Widget
也许会想问说, 那不就括弧包起来就没事了(),
但如果这个Widget占的程序码行数比较多(快超过半个萤幕)
而且里面还有{} [] ()三种括号,一下子会乱掉

1.把widget反白(或者把闪烁的游标放在最前面),此时将会出现一个灯泡.
2.接着点击灯泡

3.接着选择要外层要什麽Widget

widget tree的虚连接线
Dart: Preview Flutter UI guide

在设定输入 搜寻 Preview Flutter Ui Guides

如果要将虚线间格变短,甚至连接起来,接着再搜寻
Line Height 设定成17 参考自

下一篇将为大家介绍 equatable