LESS.app uygulama gibi mi?


16

Son zamanlarda LESS.app adlı bir OS X uygulaması hakkında öğrendim . Temelde * .less dosyalarını * .css dosyalarına derleyip küçültmek ve gerçek zamanlı olarak yapmak için bir uygulamadır. Aynı şeyi Ubuntu'da nasıl arşivleyebileceğimi bilmek ya da arşivlemek istiyorum.

Yanıtlar:


25

Bryan burada. Less.app geliştiricisi.

LESS (Ruby tabanlı) eski sürümünü kullanarak AGAINST tavsiye ederim. Less.js sadece LESS'in bir javascript portu değil, bir sürü şeyi geliştiren, eski Ruby versiyonunun sahip olmadığı şeyler için destek ekleyen ve derleyici hızını yaklaşık% 84 oranında artıran bir temel yeniden yazma.

Ruby gemini yüklemek yerine, Node.js'yi yükleyin ve Less.js'yi komut satırından Node üzerinden çalıştırın . Hala tüm -watch işlevselliğine sahip olacaksınız, ancak bunu yapmak için Less.js'yi kullanacaksınız, bu da hayatınızın çok daha iyi olacağı anlamına geliyor.

Alternatif olarak, oluşturduğunuz web sitesinde komut dosyası olarak Less.js'yi kullanın. Bu gelişme için işe yarayacaktır. Kodlamayı tamamladığınızda, Less.js'nin oluşturduğu CSS'yi (tarayıcınızın denetçisinden) kopyalayın ve bir dosyaya yerleştirin, bir .css uzantısı ekleyin, ardından HTML sayfalarından Less.js komut dosyası etiketini kaldırın ve Az önce oluşturduğunuz CSS dosyası.

Her iki durumda da Less.js kullanın.


Teşekkürler Bryan, sayfada enjekte edilmesi gerekenden başka bir Less.js derleyicisinin farkında değildim - Ubuntu için Less.app bağlantı noktasının söz konusu olmadığını varsayalım. ;)
Ruh Hali


Less.js başsız yapı makinelerinde çalışır mı? Çalıştırmaya çalıştığımda bir "ReferenceError: pencere tanımlı değil" alıyorum.
Kathy Van Stone

Daha azın yakut versiyonunun artık less.js'den kaçtığını unutmayın
Kathy Van Stone

3

Not

Bryan'ın cevabını okuyun. Ne hakkında konuştuğunu biliyor. ;-)

Sadece daha azını yükleyebilirsiniz .

  1. Rubygems ve daha azını yükleyin

    sudo apt-get install rubygems
    sudo gem install less
    
  2. Resmi belgelerde şu açıklamalar yer alır:

    Gem'in düzgün çalışmasını sağlamak için gem'in PATH yolunu ~ / .bashrc dizinine yazmalısınız:

     export PATH=/var/lib/gems/1.8/bin:$PATH
    
  3. Daha sonra daha az derleyiciyi kullanarak

    lessc style.less
    

Bağlandığınız gibi bir GUI olduğunu sanmıyorum. Ancak, sadece daha az derleyicinin üstünde çok sığ bir GUI olduğu için, doğrudan kullanırken herhangi bir sorun yaşayacağınızı sanmıyorum. tip

lessc --help

nasıl kullanılacağını öğrenmek.

.Less dosyalarınızın her değiştirilişinde otomatik olarak derlenmesini istiyorsanız, şu -wseçeneği kullanabilirsiniz :

~$ lessc test.less -w
* Watching for changes in test.less... Ctrl-C to abort.
: Change detected... * Updated test.css
: Change detected... * Updated test.css

Ctrl+ ZTuşuna basıp yazarak bu işlemi arka plana koyabilir bgve istediğiniz kadar başlatabilirsiniz. Tüm işlerin ve sayı türlerinin bir listesini almak için fgveya fg 3üçüncü işlem için bunları ön plana getirebilirsiniz jobs.


Teşekkür ederim! Şu anda Less.js ( bit.ly/9bG1E9 ) kullanıyorum ama ruby ​​derleyicisine bir şans vereceğim. GUI benim için önemli değil. Ama gerçekten sahip olmak istediğim şey, .less dosyalarımı izleyen ve .less dosyama her değişiklik kaydettiğimde bir .css derleyen bir araçtır. Bir uygulama, CLI veya gedit eklentisi aracılığıyla nasıl yapıldığı benim için çok önemli değil.
Ruh Hali

@Mood, bunu yapıyor - cevaba ekleyeceğim.
Stefano Palazzo

1
Vaov! Tekrar teşekkürler. Tam da aradığım şey bu.
Ruh Hali

2

Bildiğim kadarıyla ruby ​​less, birleştirme işlecini bile işleyecek kadar güncellenmiyor.

Less.js kullanarak mac olmayan platformlar için kaydettikten sonra .less derleyen bir çözümle ilgilenenler için, bu kurulum kılavuzunu * kontrol edebilirsiniz . Her ne kadar öğretici Windows kullanıcılarına yönelik olsa da , sisteminizde Node.js'yi alabiliyorsanız , betiğin kendisi aynı şekilde çalışacaktır.

* Yasal Uyarı: Bu eğitim benim. Sadece, yukarıdaki posterin "Node.js Kullan" ile ne demek istediğini özel olarak görmek isteyebileceğini düşündüm. Dosya kaydetme üzerine LESS derlemek için Node.js kullanarak çevrimiçi herhangi bir komut bulamadık, bu yüzden bir pişirilir ve paylaşacağımı düşündüm.


Katılımınız için harika bir şey, ancak bu garip görünüyor - bir Windows çözümü için kendi sitenizde bir yayın reklamı mı yapıyorsunuz? Bu diğer cevapların yapmadığı bir şey ekliyor mu?
belacqua

Evet - yakut olmayan, MacOSX olmayan. Node.js ile çalışan less.js komut dosyasını kullanabilirsiniz, böylece Node.js'yi derleyebilen MacOSX kullanıcıları anında .less derlemenin tadını çıkarabilir.

Node.js'yi çalıştırmak zor değil. Emin değilim ya da bu makaleyi takip ettim codediesel.com/linux/instal-node-js-on-ubuntu-10-04 ama Node.js kısa sürede kuruldu. Less.js'yi kurmak bana bazı tüyleri çıkardı. Ubuntu üzerinde çalışan Node.js'ye sahip olduğunuzda, less.js'yi çalıştırmak ve çalıştırmak için Joseph'in eğitimindeki adımları takip edebilirsiniz ve bu nedenle bu konuya faydalı bir ektir.
Ruh Hali

2

Ubuntu 11.10 altında,

sudo apt-get install lessc

1

Ubuntu 12.10'da komut satırı derleyicisini de yükleyebilirsiniz:

sudo apt-get install node-less

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.