编辑和插件(Editors and Plugins)
在本章中,我们将了解LESS中editors和plugins的重要性。 编辑器是允许用户编辑文本的系统或程序。 插件是一个用于扩展站点功能的软件。
现在让我们讨论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提供Emacs模式(lesscss.org); Emacs支持compile-on-save。 |
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工具包工具 这是一个适用于HTML5,CSS3,JavaScript等的现代Web编辑器。 有了这个,您可以从符合现代标准的编辑器编辑,预览,验证发布和管理项目。 |
Sublime Text 2&3
sublime文本为LESS提供了不同的选项,如下表所示 -
Sr.No. | 选项和说明 |
---|---|
1 | Less-sublime sublime文本的LESS语法为.less文件提供语法高亮,以及片段。 |
2 | Sublime-Less-to-CSS Sublime text 2 and 3 plugin to compile .less files to CSS when you save. It requires lessc installed on PATH. |
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为LESS提供以下不同选项 -
Sr.No. | 选项和说明 |
---|---|
1 | CSS更少 此扩展使LESS文件使用CSS语言服务打开。 |
2 | Web Essentials 2012 此扩展允许您更轻松地执行常见任务,并为Visual Studio for Web开发人员添加有用的功能。 |
3 | Web Essentials 2013 它扩展了Visual Studio的许多新功能,这些功能并非特定于特定语言或编辑器。 |
4 | Web Tools 2013 这有助于您完成涉及ASP.NET的开发任务 |
Dreamweaver (Dreamweaver)
使用Dreamweaver时需要考虑以下几点。
它是Web应用程序和开发人员用来创建应用程序和网站的Adobe应用程序。
- 它能够跨多个平台工作,包括浏览器,设备和平板电脑。
Web设计人员使用Dreamweaver创建网站原型。
DMXzone Less CSS Compiler直接在Dreamweaver中创建所有LESS CSS功能。
Notepad++ 6.x
使用Notepad++时需要考虑以下几点。