Visual Studio Code (v1.15.1) 中默认的 Emmet 设置在哪里?
我正在寻找使 Visual Studio Code 将 Emmet HTML 缩写 ! 扩展为:
<html lang="en"><头><元字符集=UTF-8"><元名称=视口"内容=宽度=设备宽度，初始比例=1.0"><meta http-equiv="X-UA-Compatible";内容=即=边缘"><title>文档</title><身体>我正在尝试解决自 Visual Studio 以来发生的一些问题默认情况下，代码开始随 Emmet 2.0 一起提供.
您可以使用 custom 覆盖它片段.
文件 settings.json (Ctrl + ,):
emmet.extensionsPath":PATH_TO_YOUR_NEW_FOLDER_WITH_SNIPPETS在这个文件夹中，创建文件snippets.json:
Emmet 2.0:HTML 中的自定义 Emmet 片段应该是有效的缩写.例如:使用 ul>li 而不是
<块引用>
如果您只想在代码段中包含文本而不是标记，请使用 {} 符号:
<块引用>
{}
{变量":{朗":恩"},html":{片段":{"!":"!!!+html[lang=${lang}]>(head>meta[charset=UTF-8]+title{Document})+body"}}}Visual Studio Code 文档:"使用自定义 Emmet 片段"
Where are the default Emmet settings in Visual Studio Code (v1.15.1)?
I'm looking for the file that makes Visual Studio Code expand the Emmet HTML abbreviation ! into:
<!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>
I'm trying to workaround some problems that happened since Visual Studio Code started being shipped with Emmet 2.0 by default.
You can override it with custom snippets.
File settings.json (Ctrl + ,):
"emmet.extensionsPath": PATH_TO_YOUR_NEW_FOLDER_WITH_SNIPPETS
In this folder, create file snippets.json:
Emmet 2.0: Custom Emmet snippets in HTML should be a valid abbreviation. For example: use
ul>liinstead of<ul><li></li></ul>.
If you want to have just text and not markup in your snippet then use the
{}notation:
{<ul><li></li></ul>}
{
"variables": {
"lang": "en"
},
"html": {
"snippets": {
"!": "!!!+html[lang=${lang}]>(head>meta[charset=UTF-8]+title{Document})+body"
}
}
}
Visual Studio Code documentation: "Using custom Emmet snippets"
这篇关于Visual Studio Code 中的默认 Emmet 设置在哪里?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
