是否有可能为悬停元素时在vscode弹出窗口中显示的自定义html组件编写文档?

时间:2017-10-25 09:23:29

标签: html angular visual-studio-code

就像div之类的标准HTML元素一样,我想为自己的自定义Angular组件编写文档,将其悬停在其他模板中时显示(my rer-card component for example)< / p>

我尝试添加

/** 
 * Test!!
 */

评论几乎无处不在,但没有任何反应。

有可能吗?

1 个答案:

答案 0 :(得分:1)

v1.31已向自定义html和css添加了一些功能,请参见custom html and css data support

  

今天,前端开发人员通常使用HTML / CSS的超集进行编码:

     

网络   组件允许使用自定义HTML元素,例如。

     

PostCSS允许自定义CSS属性,例如   的大小和尚未标准化的CSS功能,例如:any-link。   各种框架使来源具有更大的灵活性   HTML / CSS。

     

在此迭代中,我们改进了HTML自定义数据支持   在1.30版中引入并添加了CSS自定义数据支持。采用   html.experimental.customDatacss.experimental.customData加载   自定义数据。 (html.experimental.custom.tags和   html.experimental.custom.attributes被删除。)或者,   将JSON捆绑到扩展中   contributes.html.experimental.customData或   contributes.css.experimental.customData

     

最后,如果您正在编写   使用vscode-html-languageservice的语言服务器或   vscode-css-languageservice,您可以使用创建语言服务   自定义数据。自定义数据增强了VS Code对HTML / CSS的理解。   例如,借助这些HTML / CSS JSON贡献,VS Code可以   为自定义HTML标记/属性和CSS提供补全和悬停   属性/ pseudoClass:

{
  "version": 1,
  "tags": [{
      "name": "my-button",
      "description": "My button",
      "attributes": [{
        "name": "type",
        "description": "My button type",
        "values": [
          { "name": "alert" }
        ]
      }]
  }]
}

{
  "version": 1,
  "properties": [{
    "name": "my-size",
    "description": "Compiles down to `width` and `height`. See details at https://github.com/postcss/postcss-size."
  }],
  "pseudoClasses": [{
    "name": ":my-link",
    "description": ":any-link pseudo class. See details at https://preset-env.cssdb.org/features#any-link-pseudo-class."
  }]
}

有关如何使用此功能的更多链接,请参见此答案顶部的链接。