MENOS - Editores y complementos

En este capítulo, entenderemos la importancia de los editores y complementos en LESS. Un editor es un sistema o programa que permite a un usuario editar texto. El complemento es una pieza de software que se utiliza para expandir la funcionalidad del sitio.

Analicemos ahora los editores y los IDE para MENOS.

No Señor. Editores e IDE y descripción
1 ¡Crujido!

Es compatible con plataformas cruzadas como Windows, Mac y Linux . Proporciona editor con compilación integrada.

2 Mesa de trabajo web Mindscape

Proporciona edición CoffeeScript, SASS, Compass y LESS y facilita el desarrollo web moderno en Visual Studio.

3 NetBeans

Es un IDE de código abierto basado en Java. Esto ayuda en el desarrollo rápido de sus aplicaciones de escritorio, móviles y web, así como aplicaciones HTML5 que involucran HTML, JavaScript y CSS.

4 TextMate

Es un editor de texto gráfico de propósito general para Mac OS X. Cuenta con personalizaciones declarativas, macros grabables, fragmentos, integración de shell, pestañas de documentos abiertos y un sistema de paquete extensible.

5 Empuje

El paquete vim agrega funcionalidades como sangría, resaltado y autocompletado para el lenguaje de hoja de estilo dinámico MENOS.

6 Emacs

Contiene less-css-model que proporciona un modo Emacs para LESS CSS (lesscss.org); Emacs admite compilar al guardar.

7 jetBrains WebStorm y PhpStorm

WebStrom es un IDE ligero y potente. Está perfectamente equipado para el desarrollo complejo del lado del cliente y del servidor con Node.js. PhpStorm es un IDE de PHP, que admite una comprensión profunda del código y proporciona asistencia y soporte de codificación de primer nivel para todas las herramientas y marcos principales.

8 Soportes

Es un editor de código ligero, potente y de fuente abierta que ayuda a los diseñadores web y desarrolladores de aplicaciones para el usuario.

9 Código Langosta

Es un entorno de desarrollo integrado portátil (IDE) principalmente para PHP. También es compatible con el desarrollo de HTML, CSS y JavaScript y hay complementos disponibles para Drupal, WordPress, Smarty, Joomla, JQuery, Facebook, Codeigniter, Yii y CakePHP.

10 KineticWing IDE

Es un IDE rápido, limpio, ligero y portátil. Es una suite de desarrollo de tamaño completo que le ayuda a trabajar de forma inteligente y rápida.

11 nodeMirror

Es un IDE de código abierto y fácilmente personalizable. Utiliza CodeMirror.net, pty.js y otras bibliotecas.

12 Herramientas del kit HTML

Este es un editor web moderno para HTML5, CSS3, JavaScript y más. Con esto, puede editar, obtener una vista previa, validar, publicar y administrar proyectos desde un editor compatible con los estándares modernos.

Texto sublime 2 y 3

El texto sublime proporciona diferentes opciones para MENOS como se enumeran en la siguiente tabla:

No Señor. Opciones y descripción
1 Menos sublime

La sintaxis LESS para texto sublime proporciona resaltado de sintaxis para archivos .less , junto con fragmentos.

2 Sublime-Less-to-CSS

Complemento sublime de texto 2 y 3 para compilar archivos .less en CSS al guardar. Requierelessc instalado en PATH.

3 Menos construcción sublime

Sistema de compilación LESS para sublime text 2 que proporciona dos sistemas de compilación para archivos LESS, tanto minificados como no minificados.

4

SublimeOnSaveBuild

Es un complemento simple para sublime text 2 para activar una compilación cuando haces clic en Guardar. Funciona bien con preprocesadores como LESS, Compass y cualquier otro.

Eclipse

Eclipse tiene dos complementos para MENOS que se enumeran en la siguiente tabla:

No Señor. Complementos y descripción
1 Eclipse Less Plugin

Al extender el IDE de Eclipse, este complemento proporciona funciones útiles para editar y compilar MENOS hojas de estilo.

2 Complemento Transpiler

Este complemento de Eclipse transpila automáticamente sus archivos como LESS, SASS, CoffeeScript, etc.

Estudio visual

Visual Studio tiene las siguientes opciones diferentes para MENOS:

No Señor. Opciones y descripción
1 CSS es menos

Esta extensión hace que los archivos LESS se abran con el servicio de lenguaje CSS.

2 Web Essentials 2012

Esta extensión le permite realizar tareas comunes mucho más fácilmente y agrega funciones útiles a Visual Studio para desarrolladores web.

3 Web Essentials 2013

Extiende Visual Studio con muchas características nuevas que no son específicas de un idioma o editor específico.

4 Herramientas web 2013

Esto le ayuda en las tareas de desarrollo que involucran ASP.NET

Dreamweaver

Los siguientes puntos deben tenerse en cuenta al trabajar con Dreamweaver .

  • Es una aplicación de Adobe utilizada por diseñadores y desarrolladores web para crear aplicaciones y sitios web.

  • Es capaz de trabajar en múltiples plataformas, incluidos navegadores, dispositivos y tabletas.
  • Los diseñadores web utilizan Dreamweaver para crear prototipos de sitios web.

  • El compilador DMXzone Less CSS hace que todos los poderes de MENOS CSS directamente en Dreamweaver.

Bloc de notas ++ 6.x

Los siguientes puntos deben tenerse en cuenta al trabajar en Notepad ++ .

  • Notepad ++ es un editor de texto y editor de código fuente gratuito que admite la edición con pestañas, es decir, trabajar con varios archivos abiertos en una sola ventana.

  • LESS para Notepad ++ es un archivo xml que proporciona resaltado de sintaxis o coloración para archivos .less. Para obtener más información, haga clic en este enlace .

  • Para instalar Notepad ++, haga clic en este enlace .