LESS'ten CSS'ye Derleyici: Ücretsiz Çevrimiçi Derleme
Bu tarayıcı tabanlı araç ile less.js desteğiyle LESS kaynağını CSS'ye derleyin. Değişkenleri, iç içe yazımı, mixin'leri ve darken, lighten ile mix renk işlevlerini destekler. Kodu yapıştırın veya .less dosyası bırakın, bir matematik kipi seçin ve oluşturulan stil sayfasını inceleyin. Güvenlik için JavaScript interpolasyonu devre dışıdır; işlem cihazınızda kalır, yükleme yapılmaz.
LESS'ten CSS'ye Derleyici, less.js ile çalışan tarayıcı tabanlı bir LESS'ten CSS'ye derleyicisidir. LESS kaynağını CSS çıktısına dönüştürür; böylece içeriğini yapıştırarak veya bir .less dosyasını sürükleyip bırakarak bir stil sayfasını dönüştürebilirsiniz. Araç istemci tarafında çalışır ve kaynağınızı yüklemez.
Derleyici LESS değişkenlerini, iç içe yazımı, mixin'leri ve darken, lighten ile mix renk işlevlerini destekler. Bu LESS yapıları derlenmiş CSS içinde çözümlenir; çıktıyı inceleyip kopyalayabilirsiniz. Bir matematik kipi seçebilirsiniz; JavaScript interpolasyonu güvenlik için devre dışıdır.
LESS, stil sayfası kodunu düzenlemeyi ve yeniden kullanmayı kolaylaştıran özelliklerle CSS'i genişletirken CSS, tarayıcıların kullandığı stil sayfası biçimidir. LESS'i CSS'ye derlemek, hızlı bir dönüşüm için yerel araç zincirine gerek kalmadan kullanıma veya incelemeye hazır stil sayfasını verir. Kullanılabilir matematik kipi, derleme sırasında matematiksel ifadelerin nasıl işleneceğini seçmenizi sağlar.
Dönüştürme tamamen tarayıcınızda çalışır: girdiniz cihazınızda işlenir, bir sunucuya yüklenmez veya gönderilmez. Sayfa yüklendikten sonra araç çevrimdışı da çalışabilir. .less dosyasını dönüştürmek, derleme öncesinde çıktıyı denetlemek veya derlenmiş CSS'i incelemek isteyen geliştiriciler ve DevOps mühendisleri için kullanışlıdır.
Adım 1: LESS kaynağınızı girdi alanına yapıştırın veya .less dosyasını araca sürükleyip bırakın.
Adım 2: Derlemeden önce bir matematik kipi seçin. Güvenlik için JavaScript interpolasyonu devre dışıdır.
Adım 3: Değişkenler, iç içe yazım ve mixin'ler gibi desteklenen LESS özelliklerinin sonuçlarını içeren derlenmiş CSS çıktısını inceleyin.
Adım 4: CSS'i projenizde kullanmak veya LESS kaynağının nasıl derlendiğini görmek için kopyalayın.
Kullanım senaryosu: Bir LESS kaynak dosyasını yerel bir araç zinciri kurmadan CSS'ye dönüştürün; hızlı kontroller veya tek seferlik dönüşümler için idealdir.
Kullanım senaryosu: LESS kaynağının derlenip derlenmediğini derleme adımına ulaşmadan önce denetleyin; sorunları daha erken fark edin.
Kullanım senaryosu: Oluşturulan CSS'i inceleyerek değişkenlerin, iç içe kuralların ve mixin'lerin kaynakta nasıl çıktığını anlayın.
Kullanım senaryosu: darken, lighten ve mix renk işlevlerinin derlenmiş stil sayfasında nasıl göründüğünü önizleyin.
Kullanım senaryosu: Hangi çıktının ihtiyacınıza uygun olduğunu görmek için farklı bir matematik kipi seçerek derleme sonuçlarını karşılaştırın.
Kullanım senaryosu: Yapıştırılan bir LESS parçasını veya bırakılan bir .less dosyasını dönüştürürken işlemin cihazınızda kalmasını sağlayın.