Visual Studio 2013可以从.less文件生成CSS文件吗?

Visual Studio 2013非常棒,现在语法高亮和自动完成.less文件。 但它是否也生成各自的CSS文件? 我是否需要安装其他扩展程序?

是的,Visual Studio 2013不包含内置的LESS编译器,因此您需要自带。 您可以使用外部编译器,也可以安装扩展,以便可以从IDE中编译LESS文件。

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

目前我使用考拉 ,每次你保存你的LESS文件,他会自动编译它在你的输出文件夹。

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

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

使用WebEssentials的技巧是使bootstrap.less文件需要保存(键入空格,然后按下delete就足够了),然后保存它。 相应的.css,.min.css和css.map文件是自动生成的,并出现在解决scheme资源pipe理器中的.less文件下面。

简单:

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

之后,每个文件保存都会生成.css文件。

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

没有太多的select,但小而简单。 它做的工作!

http://www.winless.org/

不知道其他用户的经验是什么,但WebEssentials 2013不能在我的机器上使用Visual Studio 2013(Ultimate)和设置,以及…没有用户界面,不能完全closuresfunction不想用。

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

http://chirpy.codeplex.com/