VSCode 上的链接 + 制表符快捷方式 Emmet - 如何让“类型”包含在其中？答案

【问题标题】：Link+tab shortcut Emmet on VSCode - How can I get the "type" to be included in this?VSCode 上的链接 + 制表符快捷方式 Emmet - 如何让“类型”包含在其中？
【发布时间】：2020-07-15 21:37:17
【问题描述】：

当我输入快捷方式link+tab 来获取链接标签和属性。

只显示：
<link rel="stylesheet" href="">

当我希望它显示时：
<link rel="stylesheet" type="text/css" href="">
或
<link rel="stylesheet" type="" href="">

如何更改内置的 emmet 快捷方式/sn-p 来执行此操作？我试过进入偏好和快捷方式等，但还没有完全弄清楚。感谢您的帮助！

【问题讨论】：

标签： visual-studio-code tags vscode-settings emmet

【解决方案1】：

将其放入您的设置中：

"emmet.extensionsPath": "C:\\Users\\Mark\\Test Bed\\.vscode",  
// with path to your .vscode folder.
// right-click on the folder in your explorer bar and choose Copy Path - use that in above

以上将允许 emmet 找到您将创建的 sn-ps。

在您的.vscode 文件夹中创建一个snippets.json 文件。

把这个放到那个文件里：

{
  "html": {
    "snippets": {
        "link": "<link rel='stylesheet' type='text/css' href='${1}'>"
    }
  }
}

在对该文件进行任何更改后重新加载 vscode 窗口，否则您将看不到更改生效！

如果您想使用双引号，请使用此表单：

        "link": "<link rel=\"stylesheet\" type=\"text/css\" href=\"${1}\">"

【讨论】：

或更改到不同的文件夹/工作区并返回 File | 打开最近的