如何使用Web Essentials 2013在Less中启用智能感知快速信息?

Question

我正在制作一个Less文件，它可以被一个非常大的团队使用，以确保他们的CSS符合规范(因为只使用核心CSS文件并不总是可行的)。我想让他们尽可能容易地做到这一点。智能感知有助于自动完成和对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;
    }
  }
}

如果能够显示自动完成的混合摘要，并记录传递给函数的每个参数的正确使用，那就太好了。

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

Answer 1

你可以像在Visual Studio中引用JavaScript文件一样引用less文件。

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

当你把鼠标悬停在mixin上时，它会给你自动完成的智能感知，也会给你mixin的细节。