当前位置: 首页 > 文档资料 > Less 入门教程 >

编辑和插件(Editors and Plugins)

优质
小牛编辑
130浏览
2023-12-01

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

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

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

它支持Windows, MacLinux等跨平台。 它为编辑器提供集成编译。

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

它包含less-css-model,为LESS CSS提供Emacs模式(lesscss.org); Emacs支持compile-on-save。

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工具包工具

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

Sublime Text 2&3

sublime文本为LESS提供了不同的选项,如下表所示 -

Sr.No.选项和说明
1Less-sublime

sublime文本的LESS语法为.less文件提供语法高亮,以及片段。

2Sublime-Less-to-CSS

Sublime text 2 and 3 plugin to compile .less files to CSS when you save. It requires lessc installed on PATH.

3Less-build-sublime

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

4

SublimeOnSaveBuild

这是一个简单的插件,用于在单击“保存”时触发构建的sublime text 2 。 适用于LESS,Compass等预处理器。

Eclipse

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

Sr.No.插件和说明
1Eclipse Less插件

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

2Transpiler插件

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

视觉工作室

Visual Studio为LESS提供以下不同选项 -

Sr.No.选项和说明
1CSS更少

此扩展使LESS文件使用CSS语言服务打开。

2Web Essentials 2012

此扩展允许您更轻松地执行常见任务,并为Visual Studio for Web开发人员添加有用的功能。

3Web Essentials 2013

它扩展了Visual Studio的许多新功能,这些功能并非特定于特定语言或编辑器。

4Web Tools 2013

这有助于您完成涉及ASP.NET的开发任务

Dreamweaver (Dreamweaver)

使用Dreamweaver时需要考虑以下几点。

  • 它是Web应用程序和开发人员用来创建应用程序和网站的Adobe应用程序。

  • 它能够跨多个平台工作,包括浏览器,设备和平板电脑。
  • Web设计人员使用Dreamweaver创建网站原型。

  • DMXzone Less CSS Compiler直接在Dreamweaver中创建所有LESS CSS功能。

Notepad++ 6.x

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

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

  • LESS for Notepad ++是一个xml文件,为.less文件提供语法高亮或着色。 要获取更多信息,请单击此link

  • 要安装Notepad ++,请单击此link