在 VS Code 里面，代码片断可以快速输入一些样板代码 .. 你可以直接根据需求去搜索一些跟 Snippets 相关的扩展 .. 比如需要 Flutter 代码片断 .. 就去搜索一下 Flutter Snippets .. 安装了扩展以后，你就可以使用扩展里面定义的一些代码片断了 .. 或者我们也可以自己去定义一些代码片断 ..

打开命令面板 .. 搜索一下 snippets ... 选择执行一下 配置用户代码片断 ..

然后再选择一下代码片断的有效格式 .. 比如想针对 Dart 语言去定制一些代码片断，可以搜索一下 Dart ... 这样会打开一个 dart.json 文件 .. 在这个文件里定制的代码片断会在 Dart 文件上有效 ..

你可以打开 ninghao 的 vscode-preferences 这个仓库 .. 在 snippets 里面，有个 dart.json ... 打开这个文件 ... 复制一下里面的内容 .. 把它们粘贴到你自己的 dart.json 文件里 ..

这里我定义了几个代码片断 .. 这个 StatelessWidget 可以给我们插入一个 Flutter 的 Stateless 小部件类 ..

prefix 是得到这个代码片断要输入的字符 .. body 是代码片断的主体 .. 这个主体里面，可以插入一些编辑点 .. 形式就是 $ 大括号 .. 里面有个编辑点的序号 .. 冒号后面是默认的字符 .. 这样插入这个代码片断以后，直接就可以编辑这个地方的内容，也就是把这个 WidgetName 替换成你自己想要的其它的名字 .. \t 表示一个 tab ..

description 是这个代码片断的描述 .. 下面定义的这个代码片断可以得到一个 StatefulWidget .. 前缀是 sf ..

新建一个文件 .. 设置一下这个文件的语言模式 .. 选择一下 Dart ... 这样在这个文件里就可以使用我们刚才定义的代码片断了 ..

输入一个 sl ... 会出现一些提示，你可以根据描述判断是不是自己需要的东西 .. 按一下回车 .. 会得到一个 StatelessWidget 的类的定义 ..

可以直接输入类的名字 .. 因为在这个类名的地方我们插入了一个编辑点 .. 编辑好以后，按下 tab 键 .. 可以跳到在代码片断里面定义的第二个编辑点 ..

再试一下 ... 输入 sf ... 按一下回车，或者 tab 键 .. 会快速插入一个 Stateful 类型的 Widget ..

在这个代码片断里面，一开始会同时选择几个编辑点 .. 因为这几个地方的编辑点的索引号是一样的 .. 输入想要的类的名字 .. 这两个地方的内容会同时发生变化 .. 完成以后，按下 tab 键，会跳转到第二个编辑点上 ..