如何在vs代码中为飞镖创建Emmet或建设性代码段

问题描述

我想标题很明显，我想要定义一个片段，将类似的东西转换为：

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代码中（或根本没有）进行扩展和摘录是一个新手，但我在搜索所需内容时没有任何运气，将不胜感激。

解决方法

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

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

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

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

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

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

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

为代码段使用短名称，因为如果要使用*4语法，则必须输入全名。

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

如果您删除占位符:name，则会出现制表位，但结尾没有一个。

---

使用选择 | 将行向下复制以用于其他用例。