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 .