LESS - Editörler ve Eklentiler

Bu bölümde, LESS'teki editörlerin ve eklentilerin önemini anlayacağız . Editör, kullanıcının metni düzenlemesine izin veren bir sistem veya programdır. Eklenti, sitenin işlevselliğini genişletmek için kullanılan bir yazılım parçasıdır.

Şimdi LESS için editörleri ve IDE'leri tartışalım.

Sr.No. Editörler ve IDE'ler ve Açıklama
1 Crunch!

Windows, Mac ve Linux gibi çapraz platformları destekler . Editöre entegre derleme sağlar.

2 Mindscape Web Workbench

CoffeeScript, SASS, Compass ve LESS düzenleme sağlar ve Visual Studio'da modern web geliştirmeyi kolaylaştırır.

3 NetBeans

Açık kaynaklı bir Java tabanlı IDE'dir. Bu, masaüstü, mobil ve web uygulamalarınızın yanı sıra HTML, JavaScript ve CSS içeren HTML5 uygulamalarının hızlı geliştirilmesine yardımcı olur.

4 TextMate

Bu, Mac OS X için genel amaçlı bir grafik metin düzenleyicidir. Bildirime dayalı özelleştirmeler, kaydedilebilir makrolar, parçacıklar, kabuk entegrasyonu, açık belge sekmeleri ve genişletilebilir bir paket sistemi içerir.

5 Vim

Vim paketi, LESS dinamik stil sayfası dili için girinti oluşturma, vurgulama ve otomatik tamamlama gibi işlevler ekler.

6 Emacs

LESS CSS (lesscss.org) için Emacs modu sağlayan daha az css modeli içerir; Emacs, kaydetme üzerine derlemeyi destekler.

7 jetBrains WebStorm ve PhpStorm

WebStrom hafif ve güçlü bir IDE'dir. Node.js ile karmaşık istemci tarafı ve sunucu geliştirme için mükemmel bir şekilde donatılmıştır. PhpStorm, derin kod anlayışını destekleyen ve tüm önemli araçlar ve çerçeveler için birinci sınıf kodlama yardımı ve desteği sağlayan bir PHP IDE'dir.

8 Parantez

Web tasarımcılarına ve ön uç geliştiricilere yardımcı olan hafif, güçlü ve açık kaynaklı bir kod düzenleyicidir.

9 CodeLobster

Öncelikle PHP için taşınabilir bir tümleşik geliştirme ortamıdır (IDE). Ayrıca HTML, CSS ve JavaScript geliştirmeyi destekler ve eklentiler Drupal, WordPress, Smarty, Joomla, JQuery, Facebook, Codeigniter, Yii ve CakePHP için mevcuttur.

10 KineticWing IDE

Hızlı, temiz, hafif ve taşınabilir bir IDE'dir. Akıllı ve hızlı çalışmanıza yardımcı olan tam boyutlu bir geliştirme paketidir.

11 nodeMirror

Açık kaynaklı ve kolayca özelleştirilebilir bir IDE'dir. CodeMirror.net, pty.js ve diğer kitaplıkları kullanır.

12 HTML Kit Araçları

Bu, HTML5, CSS3, JavaScript ve daha fazlası için modern bir web editörüdür. Bununla, modern standartlarla uyumlu düzenleyiciden projeleri düzenleyebilir, önizleyebilir, yayınlayabilir ve yönetebilirsiniz.

Sublime Text 2 ve 3

Yüce metin aşağıdaki tabloda listelendiği gibi LDŞÖ'nün için farklı seçenekler sunar -

Sr.No. Seçenekler ve Açıklama
1 Daha az yüce

Yüce metin için DAHA AZ sözdizimi , parçacıklarla birlikte .less dosyalar için sözdizimi vurgulama sağlar .

2 Sublime-Less-to-CSS

.Less dosyalarını kaydettiğinizde CSS'de derlemek için Sublime text 2 ve 3 eklentisi . Gerektirirlessc PATH üzerine yüklendi.

3 Daha az yap-yüce

Hem küçültülmüş hem de küçültülmemiş LESS dosyaları için iki yapı sistemi sağlayan yüce metin 2 için LESS derleme sistemi

4

SublimeOnSaveBuild

Kaydet'e tıkladığınızda bir yapıyı tetiklemek için sublime text 2 için basit bir eklentidir . LESS, Compass ve diğerleri gibi ön işlemcilerle iyi çalışır.

Tutulma

Eclipse , aşağıdaki tabloda listelendiği gibi LESS için iki eklentiye sahiptir -

Sr.No. Eklentiler ve Açıklama
1 Eclipse Less Eklentisi

Eclipse IDE'yi genişleterek, bu eklenti LESS stil sayfalarını düzenlemek ve derlemek için yararlı özellikler sağlar.

2 Transpiler Eklentisi

Bu Eclipse eklentisi, dosyalarınızı LESS, SASS, CoffeeScript vb. Gibi otomatik olarak aktarır.

Görsel stüdyo

Visual Studio , LESS için aşağıdaki farklı seçeneklere sahiptir -

Sr.No. Seçenekler ve Açıklama
1 CSS Daha Az

Bu uzantı, LESS dosyalarının CSS dil hizmetiyle açılmasını sağlar.

2 Web Essentials 2012

Bu uzantı, genel görevleri çok daha kolay gerçekleştirmenizi sağlar ve web geliştiricileri için Visual Studio'ya kullanışlı özellikler ekler.

3 Web Essentials 2013

Visual Studio'yu belirli bir dile veya düzenleyiciye özgü olmayan birçok yeni özellikle genişletir.

4 Web Araçları 2013

Bu, ASP.NET içeren geliştirme görevlerinde size yardımcı olur

Dreamweaver

Dreamweaver ile çalışırken aşağıdaki noktaların dikkate alınması gerekir .

  • Web tasarımcıları ve geliştiricileri tarafından uygulamalar ve web siteleri oluşturmak için kullanılan bir Adobe uygulamasıdır.

  • Tarayıcılar, cihazlar ve tabletler dahil olmak üzere birden fazla platformda çalışabilir.
  • Web tasarımcıları, web sitesi prototipleri oluşturmak için Dreamweaver'ı kullanır.

  • DMXzone Less CSS Compiler , tüm LESS CSS güçlerini doğrudan Dreamweaver'da yapar.

Notepad ++ 6.x

Notepad ++ üzerinde çalışırken aşağıdaki noktaların dikkate alınması gerekir .

  • Notepad ++, sekmeli düzenlemeyi, yani tek bir pencerede birden çok açık dosyayla çalışmayı destekleyen ücretsiz bir metin editörü ve kaynak kodu editörüdür.

  • LESS for Notepad ++, .less dosyaları için sözdizimi vurgulama veya renklendirme sağlayan bir xml dosyasıdır. Daha fazla bilgi almak için bu bağlantıya tıklayın .

  • Notepad ++ yüklemek için bu bağlantıyı tıklayın .