64

Visual Studio 2013 很棒,现在带有语法高亮和.less文件自动完成功能。但它是否也会生成相应的 CSS 文件?我需要为此安装其他扩展吗?

4

6 回答 6

33

是的。虽然 Visual Studio 2013 没有内置 LESS 编译器(因此您需要自带),但您可以使用外部编译器或安装扩展程序,以便从 IDE 中编译 LESS 文件.

于 2013-11-08T09:31:50.323 回答
24

如果不想在 Visual Studio 中安装插件,可以使用外部编译器。

目前我正在使用Koala,每次您保存 LESS 文件时,他都会在您的输出文件夹中自动编译它。

查看有关GUI 编译器的官方 LESS 页面。

于 2013-11-08T12:25:50.750 回答
6

我在编译 Bootstrap LESS 时遇到了麻烦(在安装 Twitter.Bootstrap.Less NuGet 之后)。

WebEssentials 的诀窍是使 bootstrap.less 文件需要保存(输入一个空格,然后按 delete 就足够了),然后保存它。相应的 .css、.min.css 和 css.map 文件会自动生成并嵌套在解决方案资源管理器中的 .less 文件下。

于 2014-06-28T21:41:36.233 回答
4

简单的:

  1. 工具->扩展和更新->安装 Web 扩展包(Mads Kristensen 的)
  2. 在项目中,添加-> 新建项目-> 减少样式表
  3. 编辑 .less 并保存文件
  4. 右键单击.less文件-> Web编译器->重新编译文件

之后,每次保存文件时都会生成生成的 .css 文件。

于 2015-11-04T15:37:25.993 回答
2

保存后编译 LESS 的另一个小工具是 WinLess。

选择不多,但小而简单。它完成了这项工作!

http://www.winless.org/

不知道其他用户的体验是什么,但 WebEssentials 2013 在我的机器上使用 Visual Studio 2013(终极版)和设置效果不佳,嗯......没有 UI 并且无法完全关闭我没有的功能不想用。

于 2014-02-18T13:48:31.167 回答
0

您还可以使用 Chirpy,它允许编辑 MS 错过的许多现代 Web 技术。

http://chirpy.codeplex.com/

于 2014-03-14T16:26:44.647 回答