📜  LESS-编辑器和插件

📅  最后修改于: 2020-10-22 08:15:28             🧑  作者: Mango


 

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

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

Sr.No. Editors and IDEs & Description
1 Crunch!

It supports cross-platforms like Windows, Mac and Linux. It provides editor with integrated compiling.

2 Mindscape Web Workbench

It provide CoffeeScript, SASS, Compass and LESS editing and makes modern web development easy in Visual Studio.

3 NetBeans

It is an open-source Java-based IDE. This helps in the quick development of your desktop, mobile and web applications as well as HTML5 applications that involve HTML, JavaScript and CSS.

4 TextMate

It is a general purpose graphical text editor for Mac OS X. It features declarative customizations, recordable macros, snippets, shell integration, open documents tabs and an extensible bundle system.

5 Vim

The vim bundle adds functionalities like indenting, highlighting and auto completion for the dynamic stylesheet language LESS.

6 Emacs

It contains less-css-model that provides an Emacs mode for LESS CSS (lesscss.org); Emacs supports compile-on-save.

7 jetBrains WebStorm and PhpStorm

WebStrom is a lightweight and powerful IDE. It is perfectly equipped for complex client-side and server development with Node.js. PhpStorm is an PHP IDE, which supports deep code understanding, and provides top-notch coding assistance and support for all major tools and frameworks.

8 Brackets

It is a lightweight, powerful and an open-source code editor that helps web designers and front-end developers.

9 CodeLobster

It is a portable integrated development environment (IDE) primarily for PHP. It also supports HTML, CSS and JavaScript development and plugins are available for Drupal, WordPress, Smarty, Joomla, JQuery, Facebook, Codeigniter, Yii and CakePHP.

10 KineticWing IDE

It is a quick, clean, lightweight and portable IDE. It is a full-size development suite that helps you work smart and fast.

11 nodeMirror

It is an open-source and easily customizable IDE. It utilizes CodeMirror.net, pty.js and other libraries.

12 HTML-Kit Tools

This is a modern web editor for HTML5, CSS3, JavaScript and more. With this, you can edit, preview, validate publish and manage projects from modern standards compliant editor.

崇高文字2和3

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

Sr.No. Options & Description
1 Less-sublime

LESS syntax for sublime text provides syntax highlighting for .less files, along with snippets.

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

LESS build system for sublime text 2 which provides two build systems for LESS files, both minified and non-minified.

4 SublimeOnSaveBuild

It is a simple plugin for sublime text 2 to trigger a build when you click Save. Works well with pre-processors like LESS, Compass and any others.

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

Sr.No. Plugins & Description
1 Eclipse Less Plugin

By extending the Eclipse IDE, this plugin provides useful features to edit and compile LESS stylesheets.

2 Transpiler Plugin

This Eclipse plugin automatically transpiles your files like LESS, SASS, CoffeeScript, etc.

视觉工作室

Visual Studio对于LESS具有以下不同选项-

Sr.No. Options & Description
1 CSS Is Less

This extension makes LESS files open with CSS language service.

2 Web Essentials 2012

This extension lets you perform common tasks much easier and adds useful features to Visual studio for web developers.

3 Web Essentials 2013

It extends Visual Studio with a lot of new features which are not specific to a specific language or editor.

4 Web Tools 2013

This helps you in the development tasks that involve ASP.NET

Dreamweaver的

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

  • 它是Web设计人员和开发人员用来创建应用程序和网站的Adobe应用程序。
  • 它能够跨多个平台工作,包括浏览器,设备和平板电脑。
  • Web设计人员使用Dreamweaver创建网站原型。
  • DMXzone Less CSS编译器直接在Dreamweaver中提供了所有的LESS CSS功能。

记事本++ 6.x

Notepad ++上工作时,需要考虑以下几点。

  • Notepad ++是免费的文本编辑器和源代码编辑器,它支持选项卡式编辑,即在单个窗口中处理多个打开的文件。
  • LESS for Notepad ++是一个xml文件,可为.less文件提供语法突出显示或着色。要获取更多信息,请单击此链接
  • 要安装Notepad ++,请单击此链接