LESS - 编辑器和插件
在本章中，我们将了解编辑器和插件在 LESS 中的重要性。Editor 是一个系统或程序，允许用户编辑文本。Plugin 是一段用于扩展网站功能的软件。
现在让我们讨论 LESS 的编辑器和 IDE。
| 序号 | 编辑器和 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 集成、打开文档标签和可扩展的 bundle 系统。 |
| 5 | Vim
vim bundle 添加了诸如缩进、高亮和自动补全等功能，用于动态样式表语言 LESS。 |
| 6 | Emacs
它包含 less-css-mode，提供用于 LESS CSS (lesscss.org) 的 Emacs 模式；Emacs 支持保存时编译。 |
| 7 | jetBrains WebStorm 和 PhpStorm
WebStorm 是一个轻量级且强大的 IDE。它完美配备了用于复杂客户端和基于 Node.js 的服务器开发的工具。PhpStorm 是一个 PHP IDE，支持深度代码理解，并为所有主要工具和框架提供一流的编码辅助和支持。 |
| 8 | Brackets
它是一个轻量级、强大且开源的代码编辑器，帮助 Web 设计师和前端开发者。 |
| 9 | CodeLobster
它是一个便携式集成开发环境 (IDE)，主要用于 PHP。它还支持 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 Tools
这是一个用于 HTML5、CSS3、JavaScript 等现代 Web 编辑器。使用它，您可以从符合现代标准的编辑器中编辑、预览、验证、发布和管理项目。 |
Sublime Text 2 & 3
Sublime Text 为 LESS 提供了以下表格中列出的不同选项 −
| 序号 | 选项及描述 |
|---|---|
| 1 | Less-sublime
LESS syntax for Sublime Text 为.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 插件 −
| 序号 | 插件及描述 |
|---|---|
| 1 | Eclipse Less Plugin
通过扩展 Eclipse IDE，此插件提供编辑和编译 LESS 样式表的实用功能。 |
| 2 | Transpiler Plugin
此 Eclipse 插件会自动转译您的文件，如 LESS、SASS、CoffeeScript 等。 |
Visual Studio
Visual Studio 为 LESS 提供了以下不同的选项 −
| Sr.No. | Options & Description |
|---|---|
| 1 | CSS Is Less
此扩展使 LESS 文件使用 CSS 语言服务打开。 |
| 2 | Web Essentials 2012
此扩展让您更容易执行常见任务，并为 web 开发人员添加了有用的功能到 Visual Studio。 |
| 3 | Web Essentials 2013
它为 Visual Studio 扩展了许多新功能，这些功能不特定于某种语言或编辑器。 |
| 4 | Web Tools 2013
这有助于涉及 ASP.NET 的开发任务。 |
Dreamweaver
在使用 Dreamweaver 时需要考虑以下几点。
它是 Adobe 应用程序，由 web 设计师和开发者用于创建应用程序和网站。
- 它能够在包括浏览器、设备和平板在内的多个平台上工作。
Web 设计师使用 Dreamweaver 创建网站原型。
DMXzone Less CSS Compiler 使所有 LESS CSS 功能直接在 Dreamweaver 中可用。
Notepad++ 6.x
在使用 Notepad++ 时需要考虑以下几点。
Notepad++ 是一个免费的文本编辑器和源代码编辑器，支持 tabbed editing，即在一个窗口中处理多个打开的文件。
LESS for Notepad++ 是一个 xml 文件，为 .less 文件提供语法高亮或着色。要获取更多信息，请点击此链接。
要安装 Notepad++，请点击此链接。