VS Code 编辑 HTML 文件时类似 eldoc 的功能是哪里来的？

xuchunyang · 2020 年7 月 17 日 10:08

在 VS Code 里浏览 HTML 文件，鼠标放到关键词上，会用浮动窗口显示文档，给出了文档、语法和 MDN 链接，比如底下截图中的 margin。有没有小伙伴了解过这个数据来源是什么？我想 Emacs 实现同样的功能。

BlindingDark · 2020 年7 月 17 日 11:06

lsp 呗

xuuexu · 2020 年7 月 17 日 11:13

最近在研究vscode插件，稍微找了一下

microsoft/vscode-html-languageservice/blob/0cab47e50fcad722c6e31a6d798da90594a4cee0/src/languageFacts/data/webCustomData.ts

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
// file generated from vscode-web-custom-data NPM package

import { HTMLDataV1 } from '../../htmlLanguageTypes';

export const htmlData : HTMLDataV1 = {
	"version": 1.1,
	"tags": [
		{
			"name": "html",
			"description": {
				"kind": "markdown",
				"value": "The html element represents the root of an HTML document."
			},
			"attributes": [
				{
					"name": "manifest",

This file has been truncated. show original

但我也不确定是否是这个，plus这个库是从vscode源码中抽离出来的

xuchunyang · 2020 年7 月 17 日 12:29

数据应该就是这个。Git repo：

文档貌似是从 MDN 抓出来的，等我会一些 JavaScript 之后再看看。

declanqian · 2020 年7 月 17 日 17:07

上面那个是html的截图的 margin 就在css的这行 https://github.com/microsoft/vscode-css-languageservice/blob/master/src/data/webCustomData.ts#L6303

wsug · 2020 年7 月 20 日 02:05

这样的功能company-mode也有的吧，输入st，在弹出的style补全上按c-h，另一窗口显示文档，这里的数据来自web-completion-data这个包，这个功能很少用到，我也忘记什么时候装的这个包了