LESS - 编辑器和插件



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

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

序号 编辑器和IDE & 描述
1 Crunch!

它支持跨平台,例如Windows、MacLinux。它提供带有集成编译的编辑器。

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-model,该模型提供LESS CSS (lesscss.org)的Emacs模式;Emacs支持保存时编译。

7 jetBrains WebStorm和PhpStorm

WebStrom是一个轻量级且功能强大的IDE。它完全配备了用于复杂的客户端和服务器端开发(使用Node.js)。PhpStorm是一个PHP IDE,它支持深入的代码理解,并为所有主要工具和框架提供一流的编码辅助和支持。

8 Brackets

这是一个轻量级、强大且开源的代码编辑器,可帮助Web设计师和前端开发人员。

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不同选项:

序号 选项 & 描述
1 Less-sublime

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

2 Sublime-Less-to-CSS

保存时编译.less文件到CSS的Sublime Text 23插件。它需要在PATH中安装lessc

3 Less-build-sublime

用于Sublime Text 2的LESS构建系统,它为LESS文件提供两个构建系统,压缩和非压缩。

4

SublimeOnSaveBuild

这是一个简单的Sublime Text 2插件,用于在单击“保存”时触发构建。与LESS、Compass和任何其他预处理器配合使用效果很好。

Eclipse

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

序号 插件 & 描述
1 Eclipse LESS插件

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

2 Transpiler插件

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

Visual Studio

Visual Studio有以下LESS选项:

序号 选项 & 描述
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编译器直接在Dreamweaver中提供所有LESS CSS功能。

Notepad++ 6.x

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

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

  • Notepad++的LESS是一个xml文件,它为.less文件提供语法高亮显示或着色。要了解更多信息,请单击此链接

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

广告