目前，我正在使用没有grunt插件的Node.js LESS（精简CSS）模块来生成CSS文件。我有一些shell脚本，这些脚本可以自动执行CSS导出。关键是，LESS文件是在Xamarin / Visual Studio中的一个较大的项目中开发的。我需要改善我的开发经验，同时将LESS文件保留为较大项目的子集，并且最好与整个项目在同一IDE中使用它们。

所以，我正在寻找一种支持在Windows OS上使用LESS文件的工具。我需要它具有以下功能：支持LESS构造的代码自动完成。理想情况下，它将识别导入的文件，并将其定义包含在自动完成建议中。
语法突出显示，支持LESS格式。
能够通过菜单，按钮或其他简单方式将LESS文件导出到已编译的CSS。换句话说-类似于构建的行为。
最好是免费工具（不必要）
最好是独立的（不需要预先安装npm的Node.js或其他第3个需要预先安装的聚会软件）。对于IDE插件，如果IDE带有node.js或任何其他中间件，我都可以，这是为了避免手动管理先决条件。一个适用于以下IDE的具有类似功能的IDE插件：


Visual Studio 2010
Xamarin Studio（MonoDevelop）
Eclipse或其风味


评论

您可能要查看alphapixels.com/prepros。
在Firefox开发人员工具中实时编辑Sass和更少内容
@ user3075942，一个有用的链接。但是，就我而言，我需要一个环境来开发.less文件作为整个项目的一部分，这需要一个编辑器或IDE。无论如何，您的链接肯定会帮助我和其他人调试其原始的较少资源。谢谢！

#1 楼

如果需要对Visual Studio 2010的LESS支持（如果使用它开发Web项目很有用），则可以使用加载项。堆栈溢出中已经讨论了候选解决方案。

CssIsLess

此扩展带来了Visual Studio中针对.css文件而不是.less文件的内置语法突出显示和自动完成功能。实际上，它仅执行此操作，不执行任何编译或其他特定性较低的支持，但是仍然可以实现。

与我在问题中提到的其他已建立的实践相结合，到目前为止，我发现这足以在Visual Studio 2010中进行开发：我正在使用没有grunt插件的Node.js LESS（精益CSS）模块来生成CSS文件。我有一些shell脚本，这些脚本可以手动执行一些LESS到CSS导出的操作。这需要对项目进行一些手动设置，这是一个小缺点，但是Visual Studio项目设置对话框使您可以轻松地将此单行添加到任何项目。结果是.less文件在构建项目（并可能部署）之前已作为css编译到所需位置，因此它已将所有必需文件设置到位。

这是我的配置，如果有人感兴趣：



在Visual Studio中的Web项目的属性中，转到Build Events部分，并将其放在“预构建”文本框中：

$(ProjectDir)App_Less\export.$(ConfigurationName).bat &

这种做法暗示了我为自己建立的一些约定：


Web项目有一个App_Less文件夹（我这样命名，您可以根据需要进行更改），其中包含一些bat文件。
我为每个主题使用一个文件夹，并且每个这样的文件夹都包含一个根theme.less根文件，该文件引用了所有其他较少的文件。示例文件夹结构如下所示： {ApplicationRoot} App_Less Default //默认主题 theme.less export.Debug.bat exprot.Release.bat


目前，我正在使用2个bat文件，这些文件会根据我是本地生成（在DEBUG模式下）还是用于生产（在RELEASE模式下）而切换。我需要它们驻留在已经提到的文件夹App_Less中。脚本如下：

export.Debug.bat：

lessc %~dp0Default\theme.less > %~dp0..\Styles\Default.css

export.Release.bat：

lessc %~dp0Default\theme.less > %~dp0..\Styles\Default.css -x

这两个脚本都将在以下目录中输出css： {ApplicationRoot} Styles Default.css
根据构建配置，Debug模式会将css呈现为“人类可读”模式，因此我可以轻松实现解决问题。 Release模式将使css最小化，可用于生产。

每次构建项目时，我都会自动将较少的文件编译为所需的css文件。

那里这种方法也有一些缺点。不利之处在于，在Visual Studio的默认CSS语法检查器中无法识别的某些有效CSS3构造也会在较少的文件中带有下划线。但是，只有在使用>令牌的地方，嵌套声明中的嵌套声明中的问题才可见。

#2 楼

IntelliJ IDEA支持LESS

CSS
新的Extract Inline CSS重构有助于自动提取内联样式。
图像预览和提取图像重构可用于data：uri属性
LESS，SASS和SCSS
面包屑和可抑制检查支持LESS，Sass和SCSS语言。

更多信息：

http：// www.jetbrains.com/editors/html_xhtml_css_editor.jsp?ide=idea
https://stackoverflow.com/questions/8844342/intellij-idea-11-how-can-i-compile-css-from-less


#3 楼

。

我确实很喜欢SublimeText作为出色的文本编辑器（虽然确保可以很容易地将其转化为观点论证）。我还没用过LESS-我一直想尝试一下，但还没有开始尝试。但是尽管如此，我还是为ST安装了一些LESS专用插件。其中两个或三个应符合您的所有要求。这两个插件是：



Less2Css：直接从SublimeText构建较少的文件到CSS。 （有一些选项，包括在保存时自动执行）。

省掉：语法高亮显示和一些自动补全。这是一个最高的自动完成选项；您可能会想要。

要满足您的要求：



支持LESS构造的代码自动完成。理想情况下，它将识别导入的文件并将其定义包括在自动完成建议中：CSS Extended Completions可以做到这一点。能够通过菜单，按钮或其他简单方法将LESS文件导出到已编译的CSS。换句话说，类似build的行为：Less2Css做到了。

最好是一个免费工具（不是必需的）：主要是所有三个插件都是免费的。 Sublime有免费的无时间限制试用。

最好是独立的（不需要预安装npm的Node.js或其他需要预安装的第三方软件）。对于IDE插件，如果IDE带有node.js或任何其他中间件，则可以，这是为了避免手动管理先决条件：除Less2Css构建插件外，没有任何外部要求。对于Less2Css插件，您只需要安装一个要求（lesscs），Less2Css页面上的“安装”下就有说明。