在VS Code中更改Emmet的默认设置

Question

3

在 Visual Studio Code 中，是否可以更改默认（非单个项目）Emmet 命令 ! 的行为？

例如，我不想在 <html> 标签中看到属性 lang="en"。另外，我也不想看到这个字符串：

<meta name="viewport" content="width=device-width, initial-scale=1.0">

也许我想要在VS Code中添加一些默认Emmet行为之外的字符串。

- Sergei Martianov

你可以编辑 Emmet 配置文件，但是每次更新 VSC 都需要重新编辑。更简单的方法是创建一个包含你想要的代码行的代码片段。 - rioV8

嗯，去问了同样的问题，这个答案是第一个“相似问题”。我想：“太棒了！”可是没有答案。真的做不到吗？看起来这应该是一件相当基础的事情。 - DarkMoon

2个回答

0

您可以覆盖默认值（请参见VS Code文档）。在您的情况下：

创建一个snippets.json文件（必须使用此文件名），例如在~/.vs-emmet/snippets.json中
在VS Code中搜索文件 -> 首选项 -> 设置，查找“Emmet：扩展路径”，并将路径添加到snippets.json目录的目录中，例如~/.vs-emmet
将此插入到snippets.json中：

{
  "html": {
    "snippets": {
      "doc": "html>(head>meta[charset=${charset}]+title{${1:Document}})+body"
    }
  }
}

这将使用更简洁的样板替换doc缩写。 doc用于!缩写中。因此，!现在创建了这个：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Document</title>
  </head>
  <body></body>
</html>

- jo3rn

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Raymoff · Accepted Answer

根据官方文档，您可以添加或覆盖 VS Code 中默认 Emmet 代码片段的内容。以下是如何实现：

Firstly you need to create to the snippets.json file and set the path to it in user settings.
```
 "emmet.extensionsPath": "C:\\Users\\Folder\\snippets.json"
```
Then you should figure out which snippet to change, see default HTML snippets and CSS snippets.
Finally overwrite the snippet in snippets.json. For example:

希望这能帮助你解决问题！祝你好运！