LESS - Editores e Plugins

Neste capítulo, entenderemos a importância dos editores e plug - ins no LESS. Um Editor é um sistema ou programa que permite ao usuário editar texto. Plugin é um software usado para expandir a funcionalidade do site.

Vamos agora discutir editores e IDEs para LESS.

Sr. Não.	Editores e IDEs e descrição
1	Crunch! Suporta plataformas cruzadas como Windows, Mac e Linux . Ele fornece editor com compilação integrada.
2	Mindscape Web Workbench Ele fornece edição CoffeeScript, SASS, Compass e LESS e torna o desenvolvimento moderno da Web fácil no Visual Studio.
3	NetBeans É um IDE de código aberto baseado em Java. Isso ajuda no desenvolvimento rápido de seus aplicativos para desktop, móveis e web, bem como aplicativos HTML5 que envolvem HTML, JavaScript e CSS.
4	TextMate É um editor de texto gráfico de propósito geral para Mac OS X. Ele apresenta personalizações declarativas, macros graváveis, fragmentos, integração de shell, guias de documentos abertos e um sistema de pacote extensível.
5	Vim O pacote vim adiciona funcionalidades como recuo, destaque e preenchimento automático para a linguagem de folha de estilo dinâmica LESS.
6	Emacs Ele contém less-css-model que fornece um modo Emacs para LESS CSS (lesscss.org); Emacs suporta compilar ao salvar.
7	jetBrains WebStorm e PhpStorm WebStrom é um IDE leve e poderoso. Ele está perfeitamente equipado para o desenvolvimento complexo do lado do cliente e do servidor com Node.js. PhpStorm é um IDE de PHP, que suporta compreensão profunda de código e fornece assistência de codificação de alto nível e suporte para todas as principais ferramentas e estruturas.
8	Colchetes É um editor de código leve, poderoso e de código aberto que ajuda designers da web e desenvolvedores front-end.
9	CodeLobster É um ambiente de desenvolvimento integrado (IDE) portátil principalmente para PHP. Ele também suporta HTML, CSS e desenvolvimento de JavaScript e plugins estão disponíveis para Drupal, WordPress, Smarty, Joomla, JQuery, Facebook, Codeigniter, Yii e CakePHP.
10	IDE KineticWing É um IDE rápido, limpo, leve e portátil. É um pacote de desenvolvimento em tamanho real que ajuda você a trabalhar de forma inteligente e rápida.
11	nodeMirror É um IDE de código aberto e facilmente personalizável. Ele utiliza CodeMirror.net, pty.js e outras bibliotecas.
12	Ferramentas de kit HTML Este é um editor da web moderno para HTML5, CSS3, JavaScript e muito mais. Com isso, você pode editar, visualizar, validar publicar e gerenciar projetos de um editor moderno compatível com os padrões.

Sublime Text 2 e 3

O texto sublime oferece opções diferentes para LESS, conforme listado na tabela a seguir -

Sr. Não.	Opções e descrição
1	Menos sublime A sintaxe LESS para texto sublime fornece destaque de sintaxe para arquivos .less , junto com trechos.
2	Sublime-Less-to-CSS Plugin de texto sublime 2* e 3 para compilar arquivos .less para CSS ao salvar. Isso requerlessc instalado no PATH.*
3	Menos construção sublime Sistema de compilação LESS para texto sublime 2 que oferece dois sistemas de compilação para arquivos LESS, ambos minimizados e não minimizados.
4	SublimeOnSaveBuild É um plugin simples para texto sublime 2 para acionar uma compilação quando você clica em Salvar. Funciona bem com pré-processadores como LESS, Compass e quaisquer outros.

Eclipse

O Eclipse tem dois plug-ins para LESS conforme listado na tabela a seguir -

Sr. Não.	Plugins e descrição
1	Eclipse Less Plugin Ao estender o IDE Eclipse, este plugin fornece recursos úteis para editar e compilar folhas de estilo LESS.
2	Plugin Transpiler Este plugin do Eclipse transpila automaticamente seus arquivos como LESS, SASS, CoffeeScript, etc.

Estúdio visual

O Visual Studio tem as seguintes opções diferentes para LESS -

Sr. Não.	Opções e descrição
1	CSS é menos Esta extensão abre menos arquivos com o serviço de linguagem CSS.
2	Web Essentials 2012 Esta extensão permite que você execute tarefas comuns com muito mais facilidade e adiciona recursos úteis ao Visual Studio para desenvolvedores da web.
3	Web Essentials 2013 Ele estende o Visual Studio com muitos novos recursos que não são específicos para uma linguagem ou editor específico.
4	Ferramentas da Web 2013 Isso ajuda você nas tarefas de desenvolvimento que envolvem ASP.NET

Dreamweaver

Os pontos a seguir devem ser considerados ao trabalhar com o Dreamweaver .

É um aplicativo da Adobe usado por web designers e desenvolvedores para criar aplicativos e sites.
É capaz de funcionar em várias plataformas, incluindo navegadores, dispositivos e tablets.
Os designers da Web usam o Dreamweaver para criar protótipos de sites.
DMXzone Less CSS Compiler cria todos os recursos de LESS CSS diretamente no Dreamweaver.

Notepad ++ 6.x

Os pontos a seguir devem ser considerados ao trabalhar no Notepad ++ .

Notepad ++ é um editor de texto e editor de código-fonte gratuito que suporta edição em abas, ou seja, trabalhar com vários arquivos abertos em uma única janela.
LESS para Notepad ++ é um arquivo xml que fornece destaque de sintaxe ou coloração para arquivos .less. Para obter mais informações, clique neste link .
Para instalar o Notepad ++ clique neste link .