Question

我使用sublime文本作为我的html5代码的编辑器，我也使用Emmet通过Emmet的自动完成加速我的编码。在一个空白的.HTML文件中，当我按下control + space时，它会为我生成以下代码：

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
</body>
</html>

现在我只是想到它生成了一些我选择的代码，因为我按下了控制+空间。我希望它生成这段代码：

<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
    <meta charset = "utf-8"/>
    <meta name = "viewport" content="width = device-width, intial-scale = 1.0">
    <link rel="" href="">
</head>
<body>
    <script src = ""></script>
</body>
</html>

是否可以更改某些配置？

Answer 1

您可以通过编辑Emmet用户设置文件来创建自己的或编辑现有的Emmet代码段。您可以直接从Sublime Text（Sublime Text＆gt; Preferences＆gt; Package Settings＆gt; Emmet＆gt; Settings - User）打开此文件。默认情况下它是空的，您需要添加此结构：

{
  "snippets": {
    "html": {
      "abbreviations": {
        "mytrigger": "!!!+html>head+body"
      }
    }
  }
}

新的代码段在abbreviations对象中定义。在此示例中，将通过键入mytrigger并在HTML文档中点击tab来生成HTML。所有缩写都在GitHub上联机。

我的GitHub page还有一个例子。

改变Emmet的自动完成

1 个答案: