利用 VSCode 的代码模板提高编码效率

前言

上一篇我们 对MobX状态管理插件做了整体的介绍，使用 MobX 之后，通过代码生成器能够节省我们很多编码工作量。本着能让电脑干的活就坚决不动手的原则，我们本篇介绍让电脑创建 MobX 无法生成的代码。这要感谢 VSCode 提供的自定义模板代码User Snippets 功能。

VSCode 的模板代码

VSCode 本身集成了很多代码模板和模板扩展，例如 for 循环，然后我们平时经常用的StatelessWidget 和 StatefulWidget。实际上，模板代码就是一个配置的 json 字符串。

我们先看一下 StatefulWidget 的模板代码（需要安装 Awesome Flutter Snippets扩展）。我们敲入 statefulW，回车确认的时候，就会自动插入对应的代码片段，然后光标定位到类名处，改类名的时候会把所有相关的name 都替换掉。

我们来看一下这段模板代码对应的 json 是什么样的。

"Stateful Widget"