在本章中,我们将了解编辑和插件在LESS中的重要性.编辑器是允许用户编辑文本的系统或程序.插件是一个用于扩展站点功能的软件.
现在让我们讨论LESS的编辑器和IDE.
Sr.No. | 编辑器和IDE& ;描述 |
---|---|
1 | Crunch! 它支持 Windows,Mac 和 |
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 它包含s less-css-model,为LESS CSS提供Emacs模式(lesscss.org); 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等的现代网页编辑器.有了这个,您可以从符合现代标准的编辑器编辑,预览,验证发布和管理项目. |
sublime text 为LESS提供了不同的选项列于下表 :
Sr.No. | 选项&描述 |
---|---|
1 | Less-sublime sublime文本的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 有两个LESS插件,如下所列下表 :
Sr.No. | 插件&描述 |
---|---|
1 | Eclipse Less Plugin 通过扩展Eclipse IDE,这个插件提供了有用的功能编辑和编译LESS样式表. |
2 | Transpiler Plugin 这个Eclipse插件自动转换你的文件,如LESS,SASS,CoffeeScript等. |
Visual Studio 具有以下不同选项for LESS :
Sr.No. | 选项&描述 |
---|---|
1 | SS Is Less 此扩展程序使用CSS语言服务打开LESS文件. |
2 | Web Essentials 2012 此扩展程序可让您更轻松地执行常见任务,并添加有用的功能适用于Web开发人员的Visual Studio. |
3 | Web Essentials 2013 它扩展了Visual Studio具有许多特定于特定语言或编辑器的新功能. |
4 | Web Tools 2013 这个帮助你参与ASP.NET的开发任务 |
使用 Dreamweaver .
这是一个由Adobe设计人员和开发人员用来创建应用程序和网站的Adobe应用程序.
它能够在多个平台上工作,包括浏览器,设备和平板电脑.
网页设计师使用Dreamweaver创建网站原型.
DMXzone Less CSS Compiler 所有LESS CSS直接在Dreamweaver中提供.
以下几点在处理 Notepad ++ 时需要考虑.
Notepad ++是一个自由文本编辑器和源代码编辑器,支持选项卡式编辑,即在一个窗口中处理多个打开的文件.
LESS for Notepad ++是一个xml文件,它为.less文件提供语法高亮或着色.
要安装Notepad ++.