Ina*_*nse 11 html emmet visual-studio-code
我开始在我的 Web 项目中使用 Visual Studio Code,没有 Emmet 我就活不下去,但是当我尝试用属性扩展 HTML 标签中的缩写时遇到了问题。只是一个例子。如果我编写html:5并按 TAB 键,它会展开所有 HTML5 模板
<!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)
并使用 id 和 class 编写标签,例如p#id.class,它会正确生成下一段代码
<p id="id" class="class"></p>
Run Code Online (Sandbox Code Playgroud)
但是当我想用方括号内的其他属性扩展相同的标签时,它不起作用。只需在代码中添加一个制表符空间。
p[align="center"]
Run Code Online (Sandbox Code Playgroud)
如果我尝试使用大括号在标签中添加文本,同样的事情
p{Test}
Run Code Online (Sandbox Code Playgroud)
你能帮我知道如何配置它,或者我的软件/扩展是否有问题?
问候,
Ina*_*nse 17
几天后,在 Visual Studio Code 网页中的Emmet 中进行调查,我找到了解决方案。
您需要将下一行添加到用户设置文件中,以便使用 Tab 键扩展 Emmet 缩写:
"emmet.triggerExpansionOnTab": true
Run Code Online (Sandbox Code Playgroud)
这是因为默认情况下在 Visual Studio Code 上是禁用的。
San*_*osh 11
在 Visual Studio Code 中:文件 > 首选项 > 设置 > 扩展 > Emmet > 在 settings.json 文件中编辑
添加以下对我有用的代码。
"emmet.triggerExpansionOnTab": true,
"files.associations": {"*html":"html"},
Run Code Online (Sandbox Code Playgroud)
我希望它可以帮助某人。
| 归档时间: |
|
| 查看次数: |
11754 次 |
| 最近记录: |