LESS - 编辑器和插件


在本章中,我们将了解编辑器插件在 LESS 中的重要性。编辑器是允许用户编辑文本的系统或程序。插件是一个用于扩展网站功能的软件。

现在让我们讨论 LESS 的编辑器和 IDE。

先生。 编辑器和 IDE 及说明
1 紧缩!

它支持Windows、MacLinux等跨平台。它为编辑器提供了集成编译功能。

2 Mindscape Web 工作台

它提供 CoffeeScript、SASS、Compass 和 LESS 编辑功能,使 Visual Studio 中的现代 Web 开发变得轻松。

3 网豆

它是一个基于 Java 的开源 IDE。这有助于快速开发桌面、移动和 Web 应用程序以及涉及 HTML、JavaScript 和 CSS 的 HTML5 应用程序。

4 文本伴侣

它是 Mac OS X 的通用图形文本编辑器。它具有声明性自定义、可记录宏、片段、shell 集成、打开文档选项卡和可扩展捆绑系统。

5 维姆

vim 包为动态样式表语言 LESS 添加了缩进、突出显示和自动完成等功能。

6 Emacs

它包含 less-css-model,为 LESS CSS 提供 Emacs 模式 (lesscss.org);Emacs 支持保存时编译。

7 jetBrains WebStorm 和 PhpStorm

WebStrom 是一个轻量级且功能强大的 IDE。它非常适合使用 Node.js 进行复杂的客户端和服务器开发。PhpStorm 是一个 PHP IDE,它支持深度代码理解,并为所有主要工具和框架提供一流的编码帮助和支持。

8 括号

它是一个轻量级、功能强大的开源代码编辑器,可以帮助网页设计师和前端开发人员。

9 代码龙虾

它是一个主要用于 PHP 的便携式集成开发环境 (IDE)。它还支持 HTML、CSS 和 JavaScript 开发,并且插件可用于 Drupal、WordPress、Smarty、Joomla、JQuery、Facebook、Codeigniter、Yii 和 CakePHP。

10 KineticWing IDE

它是一个快速、干净、轻量级且可移植的 IDE。它是一个全尺寸的开发套件,可帮助您智能、快速地工作。

11 节点镜像

它是一个开源且易于定制的 IDE。它利用 CodeMirror.net、pty.js 和其他库。

12 HTML 套件工具

这是一款适用于 HTML5、CSS3、JavaScript 等的现代 Web 编辑器。有了这个,您可以从现代标准兼容的编辑器编辑、预览、验证发布和管理项目。

崇高文本 2 和 3

sublime text为 LESS 提供了不同的选项,如下表所示 -

先生。 选项和说明
1 不那么崇高

Sublime Text 的 LESS 语法为.less文件以及片段提供语法高亮显示。

2 Sublime-Less-CSS

Sublime text 23插件可在保存时将.less文件编译为 CSS。它需要在 PATH 上安装lessc

3 少构建崇高

Sublime Text 2的 LESS 构建系统为 LESS 文件提供了两个构建系统,包括缩小的和非缩小的。

4

SublimeOnSaveBuild

它是Sublime Text 2的一个简单插件,用于在单击“保存”时触发构建。与 LESS、Compass 等预处理器配合良好。

Eclipse有两个 LESS 插件,如下表所示 -

先生。 插件及说明
1 Eclipse 无插件

通过扩展 Eclipse IDE,该插件提供了编辑和编译 LESS 样式表的有用功能。

2 转译器插件

这个 Eclipse 插件会自动转换您的文件,如 LESS、SASS、CoffeeScript 等。

视觉工作室

Visual Studio有以下不同的 LESS 选项 -

先生。 选项和说明
1 CSS 更少

此扩展使 LESS 文件可以使用 CSS 语言服务打开。

2 2012 年网络要点

此扩展可让您更轻松地执行常见任务,并为 Web 开发人员的 Visual Studio 添加有用的功能。

3 2013 年网络要点

它通过许多不特定于特定语言或编辑器的新功能扩展了 Visual Studio。

4 网络工具 2013

这可以帮助您完成涉及 ASP.NET 的开发任务

织梦者

使用Dreamweaver时需要考虑以下几点。

  • 它是一款 Adob​​e 应用程序,供网页设计师和开发人员用来创建应用程序和网站。

  • 它能够跨多个平台工作,包括浏览器、设备和平板电脑。
  • 网页设计人员使用 Dreamweaver 来创建网站原型。

  • DMXzone Less CSS 编译器直接在 Dreamweaver 中提供所有 LESS CSS 功能。

记事本++ 6.x

使用Notepad++时需要考虑以下几点。

  • Notepad++ 是一个免费的文本编辑器和源代码编辑器,支持选项卡式编辑,即在单个窗口中处理多个打开的文件。

  • LESS for Notepad++ 是一个 xml 文件,为 .less 文件提供语法突出显示或着色。要获取更多信息,请单击此链接

  • 要安装 Notepad++,请单击此 链接