阅读时间 4 分钟 (731 字)

做更少的工作工具(LESS)

Des outils pour en faire moins ;) (LESS)

为了继续David Hurley关于使用less的文章《使用LESS与Joomla!》,您可以在此处查看使用LESS与Joomla!,我建立了一个工具和程序列表,您可以使用它们更轻松地使用LESS工作并编码您的网站,尤其是如果您来自传统的CSS领域并且正在尝试理解LESS的工作原理。本文回顾了PB Web Development实习生在学习和使用LESS和Joomla!的过程中发现的一系列有用的LESS工具。

具有语法着色的代码编辑器

您首先需要的是具有语法着色的编辑器。用于网站编码的最受欢迎的工具无疑是Dreamweaver。虽然这是一个过去的遗物,但对于初学者或受过设计培训的人来说,这个工具在学习过程中非常方便,在过渡到更“强大”的代码编辑器,如Eclipse、NetBeans或PHPStorm之前,它是一个不错的选择。

Dreamweaver 集成了一个很好的具有语法着色和CSS代码建议的代码编辑器,其最新版本也支持LESS和SASS。

另一个在Mac上流行的代码编辑器是 Coda 2,您可以添加一个友好的 具有语法着色的LESS代码 模块。

您接下来需要的工具是LESS编译器。毕竟,旧浏览器无法识别LESS文件,也无法返回您的许多LESS函数、mixin等。

LESS编译器

一旦您编写了所有LESS代码,您必须将其编译为CSS才能进行测试。一些Joomla!模板框架集成了LESS编译器以简化动态测试,但在本地或开发环境中进行测试时,这可能会更困难。

这时,一个独立的LESS编译器可以帮助这个过程。

CrunchApp

CrunchApp 是一个快速、易用的应用程序,用于编译您的 LESS 文件。如果您犯了错误,它还会指出包含这些语法错误的行。没有什么比试图找到一个多余的括号来破坏您的 LESS 代码更糟糕的了。

SimpleLess

工具 SimpleLess 适用于 Windows 和 Mac,允许您通过简单的拖放来编译 LESS 文件。它会检查文件中的更改,并即时重新编译。这样,您可以在编码的同时继续测试您的网站。这可以跳过这个额外的步骤,让您的生活更加轻松。

WinLess

如果您是 Windows 开发者,那么 WinLESS 是一个自动编译您正在工作的 LESS 文件夹到 CSS 的优秀工具。它监视 LESS 文件的更改并编译它们。

在线 Win 编译器

如果您需要快速测试和验证您的 LESS 代码,请尝试使用 WinLess 的此 在线 LESS 编译器。它具有快速、易用的编译器,可以突出显示您的错误。

完整的语法高亮和编译器

如果您是一名优秀的程序员,并且不害怕在特定的代码应用程序上工作,那么请尝试使用 PHPStorm。它具有语法高亮、LESS 编译器以及其他可用的工具,可在 PHPStorm 上使用。这是一个付费编辑器。

在开源方面,还有其他非常流行的替代方案,它们的性能与其他语法高亮和编译器一样出色。

NetBeans,一个非常流行的编辑器,有一个您可以添加的 LESS 模块

Eclipse,另一个流行的文本编辑器,也配备了一个 语法高亮和 LESS 编译器模块

所以无论您对哪种编辑器有偏好,肯定有一个您可以使用来编写代码。

您想了解更多关于 Less 的信息吗?

那真是太好了!许多模板开发人员都在这个方向上前进,学习 Less 对于优化您的开发和部署流程至关重要,这对于建立一个现代网站至关重要。

开始学习基础概念和想法的最好地方是 https://lesscss.org.cn/

重要
本文是由 Sandra Decoux 自由翻译的原始文章: Tools To Do LESS
Peter Bui

在 Joomla 社区杂志上发表的一些文章代表了作者对特定主题的个人观点或经验,可能并不与 Joomla 项目的官方立场一致

0
公开介绍,受限文章
使用隐藏菜单
 

评论

已经注册了吗? 登录这里
尚无评论。成为第一个发表评论的人

通过接受,您将访问由https://magazine.joomla.net.cn/之外的第三方提供的服务