MOINS - Éditeurs et plugins

Dans ce chapitre, nous comprendrons l'importance des éditeurs et des plugins dans LESS. Un éditeur est un système ou un programme qui permet à un utilisateur de modifier du texte. Plugin est un logiciel utilisé pour étendre les fonctionnalités du site.

Parlons maintenant des éditeurs et des IDE pour LESS.

N ° Sr. Rédacteurs et IDE et description
1 Croquer!

Il prend en charge les plates-formes multiples comme Windows, Mac et Linux . Il fournit à l'éditeur une compilation intégrée.

2 Établi Web Mindscape

Il fournit l'édition CoffeeScript, SASS, Compass et LESS et facilite le développement Web moderne dans Visual Studio.

3 NetBeans

Il s'agit d'un IDE open-source basé sur Java. Cela aide au développement rapide de vos applications de bureau, mobiles et Web ainsi que des applications HTML5 qui impliquent HTML, JavaScript et CSS.

4 TextMate

Il s'agit d'un éditeur de texte graphique à usage général pour Mac OS X. Il propose des personnalisations déclaratives, des macros enregistrables, des extraits de code, une intégration de shell, des onglets de documents ouverts et un système de bundle extensible.

5 Vigueur

Le bundle vim ajoute des fonctionnalités telles que l'indentation, la mise en évidence et la saisie semi-automatique pour le langage de feuille de style dynamique LESS.

6 Emacs

Il contient moins-css-model qui fournit un mode Emacs pour LESS CSS (lesscss.org); Emacs prend en charge la compilation lors de l'enregistrement.

sept jetBrains WebStorm et PhpStorm

WebStrom est un IDE léger et puissant. Il est parfaitement équipé pour le développement complexe côté client et serveur avec Node.js. PhpStorm est un IDE PHP, qui prend en charge la compréhension approfondie du code, et fournit une assistance et un support de codage de premier ordre pour tous les principaux outils et frameworks.

8 Supports

Il s'agit d'un éditeur de code léger, puissant et open source qui aide les concepteurs Web et les développeurs frontaux.

9 CodeLobster

Il s'agit d'un environnement de développement intégré (IDE) portable principalement pour PHP. Il prend également en charge le développement HTML, CSS et JavaScript et des plugins sont disponibles pour Drupal, WordPress, Smarty, Joomla, JQuery, Facebook, Codeigniter, Yii et CakePHP.

dix IDE KineticWing

C'est un IDE rapide, propre, léger et portable. Il s'agit d'une suite de développement pleine grandeur qui vous aide à travailler intelligemment et rapidement.

11 nodeMirror

C'est un IDE open source et facilement personnalisable. Il utilise CodeMirror.net, pty.js et d'autres bibliothèques.

12 Outils HTML-Kit

Il s'agit d'un éditeur Web moderne pour HTML5, CSS3, JavaScript et plus encore. Avec cela, vous pouvez éditer, prévisualiser, valider, publier et gérer des projets à partir d'un éditeur conforme aux normes modernes.

Sublime Text 2 et 3

Le texte sublime propose différentes options pour LESS comme indiqué dans le tableau suivant -

N ° Sr. Options et description
1 Moins sublime

La syntaxe LESS pour le texte sublime fournit la coloration syntaxique des fichiers .less , ainsi que des extraits de code .

2 Sublime-Less-to-CSS

Sublime text 2 et 3 plugin pour compiler des fichiers .less en CSS lors de la sauvegarde. Cela demandelessc installé sur PATH.

3 Moins de construction sublime

Système de construction LESS pour sublime text 2 qui fournit deux systèmes de construction pour les fichiers LESS, à la fois minifiés et non minifiés.

4

SublimeOnSaveBuild

C'est un simple plugin pour sublime text 2 pour déclencher une compilation lorsque vous cliquez sur Enregistrer. Fonctionne bien avec les pré-processeurs comme LESS, Compass et tous les autres.

Éclipse

Eclipse a deux plugins pour LESS comme indiqué dans le tableau suivant -

N ° Sr. Plugins et description
1 Plugin Eclipse Less

En étendant l'IDE Eclipse, ce plugin fournit des fonctionnalités utiles pour éditer et compiler des feuilles de style MOINS.

2 Plugin Transpiler

Ce plugin Eclipse transpile automatiquement vos fichiers comme LESS, SASS, CoffeeScript, etc.

Visual Studio

Visual Studio propose les différentes options suivantes pour LESS -

N ° Sr. Options et description
1 CSS est moins

Cette extension ouvre les fichiers LESS avec le service de langage CSS.

2 Web Essentials 2012

Cette extension vous permet d'effectuer des tâches courantes beaucoup plus facilement et ajoute des fonctionnalités utiles à Visual Studio pour les développeurs Web.

3 Essentiels Web 2013

Il étend Visual Studio avec de nombreuses nouvelles fonctionnalités qui ne sont pas spécifiques à un langage ou à un éditeur spécifique.

4 Outils Web 2013

Cela vous aide dans les tâches de développement qui impliquent ASP.NET

Dreamweaver

Les points suivants doivent être pris en compte lors de l'utilisation de Dreamweaver .

  • Il s'agit d'une application Adobe utilisée par les concepteurs Web et les développeurs pour créer des applications et des sites Web.

  • Il est capable de fonctionner sur plusieurs plates-formes, y compris les navigateurs, les appareils et les tablettes.
  • Les concepteurs Web utilisent Dreamweaver pour créer des prototypes de sites Web.

  • DMXzone Less CSS Compiler rend tous les MOINS de pouvoirs CSS directement dans Dreamweaver.

Bloc-notes ++ 6.x

Les points suivants doivent être pris en compte lorsque vous travaillez sur Notepad ++ .

  • Notepad ++ est un éditeur de texte gratuit et un éditeur de code source qui prend en charge l'édition par onglets, c'est-à-dire travailler avec plusieurs fichiers ouverts dans une seule fenêtre.

  • LESS for Notepad ++ est un fichier xml qui fournit la coloration syntaxique ou la coloration des fichiers .less. Pour obtenir plus d'informations, cliquez sur ce lien .

  • Pour installer Notepad ++, cliquez sur ce lien .