Bri*_*lip 6 code-snippets emmet visual-studio-code
Visual Studio Code (v1.15.1) 中的默认 Emmet 设置在哪里?
我正在寻找使 Visual Studio 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>
Run Code Online (Sandbox Code Playgroud)
我正在尝试解决自Visual Studio Code 开始默认随 Emmet 2.0 一起提供以来发生的一些问题。
您可以使用自定义片段覆盖它。
文件settings.json(Ctrl+ ,):
"emmet.extensionsPath": PATH_TO_YOUR_NEW_FOLDER_WITH_SNIPPETS
Run Code Online (Sandbox Code Playgroud)
在此文件夹中,创建文件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"
}
}
}
Run Code Online (Sandbox Code Playgroud)
Visual Studio Code 文档:“使用自定义 Emmet 片段”
| 归档时间: |
|
| 查看次数: |
9886 次 |
| 最近记录: |