LESS - 编辑和插件

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

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

Sr.No.编辑器和IDE& ;描述
1Crunch!

它支持 Windows,Mac

2Mindscape Web Workbench

它提供CoffeeScript,SASS,Compass和LESS编辑,使Visual Studio中的现代Web开发变得简单.

3NetBeans

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

4TextMate

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

5Vim

vim包添加了类似的功能动态样式表语言LESS的缩进,突出显示和自动完成.

6Emacs

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

7jetBrains WebStorm和PhpStorm

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

8Brackets

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

9CodeLobster

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

10KineticWing IDE

这是一款快速,干净,轻便且便携的IDE.它是一个全尺寸的开发套件,可以帮助您快速,快速地工作.

11nodeMirror

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

12HTML-Kit工具

这是一个适用于HTML5,CSS3,JavaScript等的现代网页编辑器.有了这个,您可以从符合现代标准的编辑器编辑,预览,验证发布和管理项目.

Sublime Text 2& 3

sublime text 为LESS提供了不同的选项列于下表 :

Sr.No.选项&描述
1Less-sublime

sublime文本的LESS语法为 .less提供语法高亮显示文件以及代码段.

2Sublime-Less-to-CSS

Sublime text 2 3 插件,用于在保存时将 .less 文件编译为CSS.它需要在PATH上安装 lessc .

3Less-build-sublime

sublime text 2 的LESS构建系统,为LESS文件提供两个构建系统,包括缩小和非缩小.

4

SublimeOnSaveBuild

当您单击"保存"时, sublime text 2 是一个简单的插件,可以触发构建.适用于LESS,Compass和其他任何预处理器.

Eclipse

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

Sr.No.插件&描述
1Eclipse Less Plugin

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

2Transpiler Plugin

这个Eclipse插件自动转换你的文件,如LESS,SASS,CoffeeScript等.

Visual Studio

Visual Studio 具有以下不同选项for LESS :

Sr.No.选项&描述
1SS Is Less

此扩展程序使用CSS语言服务打开LESS文件.

2Web Essentials 2012

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

3Web Essentials 2013

它扩展了Visual Studio具有许多特定于特定语言或编辑器的新功能.

4Web Tools 2013

这个帮助你参与ASP.NET的开发任务

Dreamweaver

使用 Dreamweaver .

  • 这是一个由Adobe设计人员和开发人员用来创建应用程序和网站的Adobe应用程序.

  • 它能够在多个平台上工作,包括浏览器,设备和平板电脑.

  • 网页设计师使用Dreamweaver创建网站原型.

  • DMXzone Less CSS Compiler 所有LESS CSS直接在Dreamweaver中提供.

Notepad ++ 6.x

以下几点在处理 Notepad ++ 时需要考虑.

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

  • LESS for Notepad ++是一个xml文件,它为.less文件提供语法高亮或着色.

  • 要安装Notepad ++.