LESS 文件中有两个单独的窗口答案

【问题标题】：Two separate window in LESS fileLESS 文件中有两个单独的窗口
【发布时间】：2017-09-03 12:36:09
【问题描述】：

我正在学习 Web 开发，在教程中，老师将 CSS 文件转换为 LESS 文件，并告诉我现在如果我在 VS 中打开 LESS 文件，我会看到两个窗口。但我在 Visual Studio Community 2015 版中没有看到两个窗口。我只看到一个包含 LESS 文件的窗口。我在这里遗漏了什么吗？

【问题讨论】：

他可能将另一个选项卡（可能是编译后的 CSS？）拖到 Visual Studio 中的另一个窗口中。我不认为它会自己做到这一点。
你可能是对的。但是可能有一些插件，例如 web essentials 或任何其他插件，它们可能会默认并排打开已编译的 CSS 到 LESS 文件。无论如何感谢您的投入。如果我认识一个，我会把它放在这个答案部分。

标签： css visual-studio visual-studio-2015 less frontend

【解决方案1】：

之前 VS2015 Web Essentials 用来编译 .LESS 文件并在两个单独的文件中打开，现在你必须使用 Web 编译器：

https://marketplace.visualstudio.com/items?itemName=MadsKristensen.WebCompiler

当您编译 .LESS 文件时，它会生成一个 .CSS，因此您也可以打开它并将其设置为“新建垂直选项卡组”，您将拥有并排文件。此外，Web 编译器在保存时进行编译。

【讨论】：

这个答案对于 VS2019 仍然是正确的。请注意，将有一个可用的右键菜单，因此当您第一次安装扩展时，您可以右键单击新的 .less 文件并编译（创建）.css 文件。