如何在 dart 的 vs-code 中创建 emmet 或建设性代码段

Question

我想标题很明显，我想要的是定义一个 sn-p 应该将类似的东西转换为：

textcontrollers*4

到

final TextEditingController $1 = TextEditingController();
final TextEditingController $2 = TextEditingController();
final TextEditingController $3 = TextEditingController();
final TextEditingController $4 = TextEditingController();

或建设性的：

list_of_textcontrollers

到

final TextEditingController $ = TextEditingController();//and if i press enter it should make a new line with same snippet
final TextEditingController $ = TextEditingController();

老实说，我对在 vs-code（或根本没有）中进行扩展和 sn-ps 是新手，但我在谷歌搜索我想要的东西时没有任何运气，任何帮助将不胜感激。

Answer 1

首先在settings.json（全局或工作区）中为emmet扩展定义一个文件夹

一个好的位置是工作区/项目的.vscode 目录

"emmet.extensionsPath": "/c:/Projects/CoolStuff/.vscode"

在 Windows 上，您需要使用这种格式来指定路径。

在此文件夹中创建一个文件snippets.json

{
  "html": {
    "snippets": {
      "tec": "{final TextEditingController ${1:name} = TextEditingController();}"
    }
  }
}

重新启动 VSC 否则对 snippets.json 的更改不会被 emmet 读取。

为 sn-p 使用短名称，因为如果您想使用 *4 语法，您必须输入全名。

现在您可以输入tec*4 Enter 并使用Tab 填写名称。

如果您删除占位符 :name，您会看到制表位，但最后没有一个。

---

使用选择 | Copy Line Down 用于其他用例。