每个 Visual Studio Code Intellisense 图标的含义是什么？

Question

当查看IntelliSense提供的选项时，所有图标代表什么？ IntelliSense并不是我们看到这些图标的唯一地方，但我以它作为示例，希望有人能识别这些图标，并解释它们的含义。

- Code Novice

Answer 1

在Microsoft Docs IntelliSense页面上提供了图标及其名称和描述的列表。以下是完整列表：

Light Icon	Dark Icon	Name	Description
		Methods and Functions	method, function, constructor
		Variables	variable
		Fields	field
		Type parameters	typeParameter
		Constants	constant
		Classes	class
		Interfaces	interface
		Structures	struct
		Events	event
		Operators	operator
		Modules	module
		Properties and Attributes	property
		Values and Enumerations	value, enum
		References	reference
		Keywords	keyword
		Files	file
		Folders	folder
		Colors	color
		Unit	unit
		Snippet prefixes	snippet
		Words	text

- Mark

---

我和其他版主讨论了这个问题，我们还没有达成一致的意见。我回去后添加了一个单独的列来区分明暗模式。在明亮模式下，它看起来很好。在暗模式下，“暗”列是透明的，因此你可以在较暗的背景上看到深色图标。表格的好处是将简化维护此列表（某人添加了另一张图片，这就是我们开始讨论的原因）。虽然在暗模式下可能不是理想的选择，但明亮模式仍然是默认模式，而且并不清楚这张图片比表格更好。如果你仍然有异议，请随时联系我。 - Machavity

@Machavity 我会添加原始图像来修复问题。深色模式下的浅色图标非常模糊，而大多数深色模式下的深色图标则呈现为白色幽灵。这是我看到的 https://imgur.com/a/CHGSaNV。请注意这张图片已经放大了一点。你有更好的解决方法吗？ - Mark

我没有看到更好的选择，但大多数人在白色背景下查看此内容（SO并没有宣传暗模式）。我当然不想让您感到不舒服（毕竟这是您的帖子），但我也不想仅因为一张图片就放弃一个有用的表格（在大多数情况下，我们认为图片比较无用）。如果您愿意，在表格旁边添加图片也可以。 - Machavity

进一步的修订（需要时间，因为它需要相当长的时间）将删除“Dark Icon”列，因为该列实际上并不必要（Stack Overflow的浅色模式可以很好地看到“Light Icon”列，因为图标和网站背景都是白色）。Makyen建议查找是否有任何实际的_VS Code dark mode_版本的图标，但由于我甚至不知道是否存在，所以我不确定它是否会出现在即将到来的修订版或另一个修订版中。 - TylerH

表格和图片在同一篇文章中完美结合。我喜欢新的表格，包含两列...我们拥有最好的世界。它已被标记为新的正确答案。 - Code Novice

注意：源SVG文件可以在GitHub上找到，网址为https://github.com/microsoft/vscode-icons（但颜色与建议UI中使用的颜色不同）。 - starball