如何使用Web Essentials 2013启用Intellisense Quick Info in Less？

Question

我正在开发一个Less文件，可供大型团队使用，以确保他们的CSS符合规范（因为使用核心CSS文件并不总是可行）。我想让它们尽可能简单地完成它。 Intellisense有助于自动完成和对Less mixins的参数的名义理解。

但我真的希望我也可以使用Intellisense注释语法来提供开发人员类型的文档。

例如：

.-spec() {
  /// <summary>Returns full properties and values to match spec</summary>

  .button(@alpha: a; @omega: z) {
    /// <summary>Core button. Adheres to K4576.1</summary>
    /// <param name="alpha" type="String">Some description about alpha</param>
    /// <param name="omega" type="String">Some description about alpha</param>
    @var1: value1;
    @var2: value2;
    @var3: value3;

    .btn {
       background: @var1;
    }
  }
}

能够从自动完成显示mixins的摘要，并记录传递给函数的每个参数的正确用法，真是太棒了。

那么，如何使用WE2013将快速信息内容显示在Visual Studio 2013 SP3中？

Answer 1

您可以使用与Visual Studio中JavaScript文件相同的方式引用较少的文件。

示例

/// <reference path="mixins.less" />

这会在您输入时为您提供自动完成的智能感知功能，以及将鼠标悬停在其上时的详细信息。