Question

Visual Studio Code（v1.15.1）中的默认emmet设置在哪里？

我正在寻找使VS Code将emmet html缩写!扩展为的文件：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body>

</body>
</html>

我正在努力解决自VS Code started being shipped with emmet 2.0 by default以来发生的一些问题。

Answer 1

来自this Reddit answer：

我不确定在安装Visual Studio Code时它们在文件系统上的位置，但是所有默认的HTML代码段都在这里：

https://github.com/emmetio/snippets/blob/master/html.json

Answer 2

您可以使用custom snippet覆盖它。

settings.json Ctrl + ，

"emmet.extensionsPath": PATH_TO_YOUR_NEW_FOLDER_WITH_SNIPPETS

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

Emmet 2.0：HTML中的自定义Emmet代码段应该是有效的缩写。例如：使用ul>li代替<ul><li></li></ul>。

如果您希望在代码段中只包含文字而非标记，请使用{}表示法：

{<ul><li></li></ul>}

{
    "variables": {
        "lang": "en"
    },
    "html": {
        "snippets": {
            "!": "!!!+html[lang=${lang}]>(head>meta[charset=UTF-8]+title{Document})+body"
        }
    }
}

VSCode docs: "Using custom Emmet snippets"

Answer 3

您可以在 defaultSettings.json 文件中找到默认的Emmet设置。

但是，打开Visual Studio代码，按 Ctrl + Shift + P 并键入：“ defaultSettings”可以更容易地打开此配置文件。

_{这可以直接回答您的问题，但不一定能帮助您解决问题。}

Answer 4

不幸的是，您无法获得默认的 Emmet 设置，因为该插件与 VS Code 本身捆绑在一起。您可以在编辑器的源代码中查看默认的 Emmet 文件：https://github.com/microsoft/vscode/tree/main/extensions/emmet

正如 Peter Mortensen 上面提到的，您只能添加或自定义带有额外文件的 Emmet 片段。详细解释如下：https://code.visualstudio.com/docs/editor/emmet

希望它满足您对此事的兴趣。

VS代码中的默认emmet设置在哪里？

4 个答案: