Visual Studio 2013能否从.less文件生成CSS文件?

Visual Studio 2013能否从.less文件生成CSS文件?,css,less,visual-studio-2013,Css,Less,Visual Studio 2013,Visual Studio 2013非常棒,现在为.less文件提供了语法高亮显示和自动完成功能。但是它是否也生成相应的CSS文件?我需要为此安装其他扩展吗?是的,Visual Studio 2013没有更少的内置编译器,因此您需要自带自己的。您可以使用外部编译器,也可以安装扩展名,以便从IDE中编译LESS文件。如果不想在Visual Studio中安装插件,可以使用外部编译器 目前我使用的是,每次你保存更少的文件时,他都会在你的输出文件夹中自动编译 请查看官方的LESS页面。另一个保存后编译

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

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

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

目前我使用的是,每次你保存更少的文件时,他都会在你的输出文件夹中自动编译


请查看官方的LESS页面。

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

选择不多,但小而简单。它真的很管用


不知道其他用户的体验是什么,但WebEssentials 2013在我的机器上使用Visual Studio 2013(旗舰版)和设置时效果不好,嗯。。。没有用户界面,无法完全关闭我不想使用的功能。

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


我在编译无引导程序时遇到困难(在安装Twitter.Bootstrap.LESS NuGet之后)

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

简单:

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

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

    +1用于考拉。这是一个非常棒的工具,可以动态处理更少的SASS编译。在Visual Studio 2013中使用Web Essentials。无尾熊是最好的选择。目前有,所以我会给无尾熊一个尝试。非常推荐无尾熊。这么简单,做我需要的一切都是开箱即用。虽然我渴望Web Essentials好的日子,但这是一个很棒的替身。仅供参考。我有VS 2013 Pro,安装Web Essentials时引发了异常:VSIXInstaller.NoAppliebleSkuseException:此扩展无法安装在任何当前安装的产品上。我改为安装了考拉。@jtbon2:Hm,看来很多人的Web Essentials都坏了。老实说,我还没有机会亲自尝试。我将从我的答案中删除这个具体建议。谢谢。顺便说一句,SassyStudio VS扩展确实工作得很好。这是用更少的资源和Visual Studio启动生产力的关键!由于这项未经记录的要求,在第一个关口就被卡住了。我试图在类似的问答警告中总结一个快速入门的例子:自2012年4月以来,所提供的链接没有更新,作者网站不再有效。你好,Jorge,我的VStudio 2013有Web Essentials。我尝试执行您的步骤1,但没有看到Web扩展包。然后我可以做第2步和第3步,但不能做你的第4步。我确实右键单击了.less文件,但没有看到Web编译器。也许这就是为什么我在.less文件中编写的任何代码都不能生成.css文件的原因。请帮忙。谢谢