LESS - 编辑器和插件
在本章中，我们将了解编辑器和插件在 LESS 中的重要性。编辑器是允许用户编辑文本的系统或程序。插件是用于扩展网站功能的软件。
现在让我们讨论 LESS 的编辑器和 IDE。
| Sr.No. | 编辑器和 IDE &描述 |
|---|---|
| 1 | Crunch!
它支持跨平台，如 Windows、Mac 和 Linux。它提供了集成编译的编辑器。 |
| 2 | Mindscape Web Workbench
它提供 CoffeeScript、SASS、Compass 和 LESS 编辑功能，使在 Visual Studio 中进行现代 Web 开发变得简单。 |
| 3 | NetBeans
它是一个基于 Java 的开源 IDE。这有助于快速开发桌面、移动和 Web 应用程序以及涉及 HTML、JavaScript 和 CSS 的 HTML5 应用程序。 |
| 4 | TextMate
它是 Mac OS X 的通用图形文本编辑器。它具有声明性自定义、可录制宏、代码片段、shell 集成、打开文档选项卡和可扩展的捆绑系统。 |
| 5 | Vim
vim 捆绑包添加了缩进、突出显示等功能动态样式表语言 LESS 的自动完成功能。 |
| 6 | Emacs
它包含 less-css-model，为 LESS CSS (lesscss.org) 提供 Emacs 模式;Emacs 支持保存时编译。 |
| 7 | jetBrains WebStorm 和 PhpStorm
WebStrom 是一款轻量级且功能强大的 IDE。它非常适合使用 Node.js 进行复杂的客户端和服务器开发。 PhpStorm 是一个 PHP IDE，支持深度代码理解，为所有主要工具和框架提供一流的编码帮助和支持。 |
| 8 | Brackets
它是一个轻量级、功能强大且开源代码编辑器，可帮助网页设计师和前端开发人员。 |
| 9 | CodeLobster
它是一个主要用于 PHP 的便携式集成开发环境 (IDE)。它还支持 HTML、CSS 和 JavaScript 开发，并且为 Drupal、WordPress、Smarty、Joomla、JQuery、Facebook、Codeigniter、Yii 和 CakePHP 提供插件。 |
| 10 | KineticWing IDE
它是一款快速、干净、轻量且便携的 IDE。它是一个全尺寸开发套件，可帮助您快速、智能地工作。 |
| 11 | nodeMirror
它是一个开源且易于定制的 IDE。它利用了 CodeMirror.net、pty.js 和其他库。 |
| 12 | HTML-Kit 工具
这是一个适用于 HTML5、CSS3、JavaScript 等的现代 Web 编辑器。有了它，您可以从符合现代标准的编辑器中编辑、预览、验证、发布和管理项目。 |
Sublime Text 2 & 3
sublime text 为 LESS 提供了不同的选项，如下表所示 −
| Sr.No. | 选项 &描述 |
|---|---|
| 1 | Less-sublime
Sublime Text 的 LESS 语法为 .less 文件提供语法高亮显示，以及代码片段。 |
| 2 | Sublime-Less-to-CSS
Sublime text 2 和 3 插件用于在保存时将 .less 文件编译为 CSS。它需要在 PATH 上安装 lessc。 |
| 3 | Less-build-sublime
用于 sublime text 2 的 LESS 构建系统，它为 LESS 文件提供了两个构建系统，包括最小化和未最小化的。 |
| 4 | SublimeOnSaveBuild 它是 sublime text 2 的一个简单的插件，用于在您单击"保存"时触发构建。与 LESS、Compass 等预处理器配合良好。 |
Eclipse
Eclipse 有两个用于 LESS 的插件，如下表所列 −
| Sr.No. | 插件 &描述 |
|---|---|
| 1 | Eclipse Less 插件
通过扩展 Eclipse IDE，此插件提供了有用的功能来编辑和编译 LESS 样式表。 |
| 2 | Transpiler 插件
此 Eclipse 插件会自动转译您的文件，如 LESS、SASS、CoffeeScript 等。 |
Visual Studio
Visual Studio 有以下不同的 LESS 选项 −
| Sr.No. | 选项 &描述 |
|---|---|
| 1 | CSS Is Less
此扩展使用 CSS 语言服务打开 LESS 文件。 |
| 2 | Web Essentials 2012
此扩展允许您执行常见的任务变得更加容易，并为 Web 开发人员向 Visual Studio 添加了有用的功能。 |
| 3 | Web Essentials 2013
它扩展了 Visual Studio，提供了很多新功能，这些功能并不特定于特定语言或编辑器。 |
| 4 | Web Tools 2013
这可以帮助您完成涉及 ASP.NET 的开发任务 |
Dreamweaver
以下使用 Dreamweaver 时需要考虑的要点。
它是网页设计师和开发人员用来创建应用程序和网站的 Adobe 应用程序。
- 它能够跨多个平台工作，包括浏览器、设备和平板电脑。
网页设计师使用 Dreamweaver 创建网站原型。
DMXzone Less CSS Compiler 将所有 LESS CSS 功能直接集成到Dreamweaver。
Notepad++ 6.x
使用 Notepad++ 时需要考虑以下几点。
Notepad++ 是一个免费的文本编辑器和源代码编辑器，支持选项卡式编辑，即在单个窗口中处理多个打开的文件。
Notepad++ 的 LESS 是一个 xml 文件，可为 .less 文件提供语法突出显示或着色。要获取更多信息，请单击此链接。
要安装 Notepad++，请单击此链接。
