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 .