Visual Studio .LESS 格式被破坏

Question

我正在 Visual Studio 中处理一个 .less 文件，并且它编译良好（在项目预构建事件中使用 dotless.complete.exe）。

到目前为止，该项目已经很好地编译并生成了输出 .css 文件，但是现在我遇到了编译错误：

1> 预期为“}”，但在文件“styles.custom.less”的第 2449 行找到“e”： 1> [2448]：边框底部：1px 实心#213840； 1> [2449]：仅媒体屏幕和（最大宽度：768px）； 1> -------------^

原因见我的回答。

Answer 1

事实证明，我在 .less 文件上使用了 Ctrl+K、Ctrl+D（编辑 > 格式化文档）快捷方式而不加思考。 这会破坏以下代码部分的格式：

边框底部：1px 实心 #213840; 仅媒体屏幕 和（最大宽度：768px）{ 字体大小：14px； } 仅媒体屏幕 和（最大宽度：480px）{ 字体大小：11px； }

我建议您不要对 .less 文件使用 Visual Studio 文档格式。