MENO - Editor e plugin

In questo capitolo capiremo l'importanza degli editor e dei plugin in LESS. Un Editor è un sistema o un programma che consente a un utente di modificare il testo. Plugin è un software che viene utilizzato per espandere le funzionalità del sito.

Parliamo ora di editor e IDE per LESS.

Sr.No. Editor e IDE e descrizione
1 Crunch!

Supporta piattaforme multiple come Windows, Mac e Linux . Fornisce editor con compilazione integrata.
2 Mindscape Web Workbench

Fornisce CoffeeScript, SASS, Compass e LESS editing e semplifica lo sviluppo web moderno in Visual Studio.
3 NetBeans

È un IDE open source basato su Java. Ciò aiuta nel rapido sviluppo delle applicazioni desktop, mobili e web, nonché delle applicazioni HTML5 che coinvolgono HTML, JavaScript e CSS.
4 TextMate

È un editor di testo grafico di uso generale per Mac OS X. Presenta personalizzazioni dichiarative, macro registrabili, frammenti, integrazione della shell, schede di documenti aperti e un sistema di bundle estensibile.
5 Vim

Il bundle vim aggiunge funzionalità come l'indentazione, l'evidenziazione e il completamento automatico per il linguaggio dei fogli di stile dinamico LESS.
6 Emacs

Contiene less-css-model che fornisce una modalità Emacs per LESS CSS (lesscss.org); Emacs supporta la compilazione al salvataggio.
7 jetBrains WebStorm e PhpStorm

WebStrom è un IDE leggero e potente. È perfettamente attrezzato per lo sviluppo complesso lato client e server con Node.js. PhpStorm è un IDE PHP, che supporta una comprensione approfondita del codice e fornisce assistenza e supporto di codifica di prim'ordine per tutti i principali strumenti e framework.
8 Parentesi

È un editor di codice leggero, potente e open source che aiuta i web designer e gli sviluppatori front-end.
9 CodeLobster

È un ambiente di sviluppo integrato portatile (IDE) principalmente per PHP. Supporta anche lo sviluppo di HTML, CSS e JavaScript e sono disponibili plugin per Drupal, WordPress, Smarty, Joomla, JQuery, Facebook, Codeigniter, Yii e CakePHP.
10 KineticWing IDE

È un IDE veloce, pulito, leggero e portatile. È una suite di sviluppo a grandezza naturale che ti aiuta a lavorare in modo intelligente e veloce.
11 nodeMirror

È un IDE open source e facilmente personalizzabile. Utilizza CodeMirror.net, pty.js e altre librerie.
12 Strumenti del kit HTML

Questo è un moderno editor web per HTML5, CSS3, JavaScript e altro. Con questo, puoi modificare, visualizzare in anteprima, convalidare, pubblicare e gestire progetti da un editor conforme agli standard moderni.

Testo sublime 2 e 3

Il testo sublime offre diverse opzioni per MENO come elencato nella seguente tabella:

Sr.No. Opzioni e descrizione
1 Meno sublime

La sintassi LESS per il testo sublime fornisce l'evidenziazione della sintassi per i file .less , insieme agli snippet.
2 Sublime-Less-to-CSS

Plugin Sublime text 2 e 3 per compilare file .less in CSS quando salvi. Richiedelessc installato su PATH.
3 Meno sublime

Sistema di compilazione LESS per testo sublime 2 che fornisce due sistemi di compilazione per file LESS, sia minimizzati che non minimizzati.
4

SublimeOnSaveBuild

È un semplice plugin per sublime text 2 per attivare una build quando fai clic su Salva. Funziona bene con pre-processori come LESS, Compass e tutti gli altri.

Eclisse

Eclipse ha due plugin per LESS come elencato nella seguente tabella:

Sr.No. Plugin e descrizione
1 Plugin Eclipse Less

Estendendo l'IDE Eclipse, questo plugin fornisce utili funzionalità per modificare e compilare LESS fogli di stile.
2 Plugin Transpiler

Questo plugin Eclipse trasporta automaticamente i tuoi file come LESS, SASS, CoffeeScript, ecc.

Visual Studio

Visual Studio ha le seguenti diverse opzioni per LESS -

Sr.No. Opzioni e descrizione
1 CSS è meno

Questa estensione rende MENO i file aperti con il servizio di linguaggio CSS.
2 Web Essentials 2012

Questa estensione ti consente di eseguire attività comuni molto più facilmente e aggiunge funzionalità utili a Visual Studio per sviluppatori web.
3 Web Essentials 2013

Estende Visual Studio con molte nuove funzionalità che non sono specifiche per una lingua o un editor specifico.
4 Strumenti Web 2013

Questo ti aiuta nelle attività di sviluppo che coinvolgono ASP.NET

Dreamweaver

È necessario considerare i seguenti punti mentre si lavora con Dreamweaver .

  • È un'applicazione Adobe utilizzata da web designer e sviluppatori per creare applicazioni e siti web.

  • È in grado di funzionare su più piattaforme, inclusi browser, dispositivi e tablet.

  • I web designer utilizzano Dreamweaver per creare prototipi di siti web.

  • DMXzone Less CSS Compiler rende tutti i poteri MENO CSS direttamente in Dreamweaver.

Blocco note ++ 6.x

I seguenti punti devono essere considerati mentre si lavora su Notepad ++ .

  • Notepad ++ è un editor di testo gratuito e un editor di codice sorgente che supporta la modifica a schede, ovvero lavorare con più file aperti in una singola finestra.

  • LESS per Notepad ++ è un file xml che fornisce l'evidenziazione o la colorazione della sintassi per i file .less. Per ulteriori informazioni, fare clic su questo collegamento .

  • Per installare Notepad ++ fare clic su questo collegamento .