Visual Studio 2013 很棒,现在带有语法高亮和.less
文件自动完成功能。但它是否也会生成相应的 CSS 文件?我需要为此安装其他扩展吗?
6 回答
是的。虽然 Visual Studio 2013 没有内置 LESS 编译器(因此您需要自带),但您可以使用外部编译器或安装扩展程序,以便从 IDE 中编译 LESS 文件.
如果不想在 Visual Studio 中安装插件,可以使用外部编译器。
目前我正在使用Koala,每次您保存 LESS 文件时,他都会在您的输出文件夹中自动编译它。
查看有关GUI 编译器的官方 LESS 页面。
我在编译 Bootstrap LESS 时遇到了麻烦(在安装 Twitter.Bootstrap.Less NuGet 之后)。
WebEssentials 的诀窍是使 bootstrap.less 文件需要保存(输入一个空格,然后按 delete 就足够了),然后保存它。相应的 .css、.min.css 和 css.map 文件会自动生成并嵌套在解决方案资源管理器中的 .less 文件下。
简单的:
- 工具->扩展和更新->安装 Web 扩展包(Mads Kristensen 的)
- 在项目中,添加-> 新建项目-> 减少样式表
- 编辑 .less 并保存文件
- 右键单击.less文件-> Web编译器->重新编译文件
之后,每次保存文件时都会生成生成的 .css 文件。
保存后编译 LESS 的另一个小工具是 WinLess。
选择不多,但小而简单。它完成了这项工作!
不知道其他用户的体验是什么,但 WebEssentials 2013 在我的机器上使用 Visual Studio 2013(终极版)和设置效果不佳,嗯......没有 UI 并且无法完全关闭我没有的功能不想用。
您还可以使用 Chirpy,它允许编辑 MS 错过的许多现代 Web 技术。