KURANG. Aplikasi seperti aplikasi?


16

Baru-baru ini saya mengetahui tentang aplikasi OS X bernama LESS.app . Ini pada dasarnya sebuah aplikasi untuk mengkompilasi dan memperkecil * file tanpa. Ke dalam file * .css dan melakukannya secara waktu nyata. Saya ingin tahu atau saya bisa mengarsipkan hal yang sama di Ubuntu dan bagaimana cara mengatasinya.

Jawaban:


25

Bryan di sini. Pengembang Less.app.

Saya sangat merekomendasikan MELAWAN menggunakan versi KURANG (yang berbasis Ruby). Less.js bukan hanya port javascript KURANG, ini adalah penulisan ulang yang meningkatkan banyak hal, menambahkan dukungan untuk hal-hal yang tidak dimiliki versi Ruby lama, dan meningkatkan kecepatan kompilator sekitar 84%.

Daripada menginstal permata Ruby, instal Node.js dan jalankan Less.js melalui Node dari baris perintah. Anda masih memiliki semua fungsionalitas -watch, tetapi Anda akan menggunakan Less.js untuk melakukannya, yang berarti hidup Anda akan jauh lebih baik.

Sebagai alternatif, gunakan Less.js sebagai skrip di situs web yang Anda buat. Ini akan bekerja untuk pengembangan. Ketika Anda selesai melakukan pengkodean, cukup salin CSS yang dihasilkan Less.js (dari inspektur browser Anda) dan tempatkan itu ke dalam file, tambahkan ekstensi .css, lalu hapus tag skrip Less.js dari halaman HTML dan gantikan File CSS yang baru saja Anda buat.

Either way, gunakan Less.js.


Terima kasih Bryan, saya tidak mengetahui kompiler Less.js selain kompiler yang harus disuntikkan di halaman - saya kira port dari Less.app untuk Ubuntu keluar dari pertanyaan. ;)
Mood


Apakah less.js bekerja pada mesin build headless? Saya mendapatkan "ReferenceError: window tidak didefinisikan" ketika saya mencoba menjalankannya.
Kathy Van Stone

Perhatikan bahwa versi ruby ​​yang kurang sekarang kabur dari less.js
Kathy Van Stone

3

Catatan

Baca jawaban Bryan. Dia tahu apa yang dia bicarakan. ;-)

Anda hanya dapat menginstal lebih sedikit .

  1. Instal rubygems dan lebih sedikit

    sudo apt-get install rubygems
    sudo gem install less
    
  2. Dokumentasi resmi menyatakan:

    Untuk membuat gem berfungsi dengan baik, Anda harus menulis path gem ke PATH tambahkan ke ~ / .bashrc:

     export PATH=/var/lib/gems/1.8/bin:$PATH
    
  3. Anda kemudian dapat menggunakan kompiler kurang dengan melakukan

    lessc style.less
    

Saya tidak berpikir ada GUI seperti yang Anda tautkan. Tapi karena sepertinya hanya gui yang sangat dangkal di atas kompiler kurang nyata, saya tidak berpikir Anda akan memiliki masalah menggunakannya secara langsung. Tipe

lessc --help

untuk mempelajari cara menggunakannya.

Jika Anda ingin file .less Anda dikompilasi secara otomatis setiap kali Anda mengubahnya, Anda dapat menggunakan -wopsi:

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

Anda dapat menempatkan proses ini di latar belakang dengan menekan Ctrl+ Zdan mengetik bg, dan mulai sebanyak yang Anda suka. Anda dapat membawa mereka kembali ke latar depan dengan melakukan fg, atau fg 3untuk proses ketiga, untuk mendapatkan daftar semua pekerjaan dan jenis nomor mereka jobs.


Terima kasih! Saat ini saya menggunakan Less.js ( bit.ly/9bG1E9 ) tetapi saya akan mencoba kompiler ruby. GUI tidak penting bagi saya. Tapi yang benar-benar ingin saya miliki adalah alat yang menonton file .less saya dan mengkompilasi .css setiap kali saya menyimpan perubahan pada file .less saya. Bagaimana ini dilakukan, melalui aplikasi, CLI atau plug-in gedit tidak masalah bagi saya.
Suasana

@Baik, itu - saya akan menambahkannya ke jawaban.
Stefano Palazzo

1
Wow! Terima kasih lagi. Itulah tepatnya yang saya cari.
Mood

2

Sepengetahuan saya, ruby ​​less tidak cukup diperbarui untuk menangani operator gabungan.

Bagi mereka yang tertarik dengan solusi yang mengkompilasi .less setelah menyimpan untuk platform non mac menggunakan less.js, Anda dapat melihat panduan instalasi ini *. Meskipun tutorial diarahkan untuk pengguna Windows, saya membayangkan jika Anda bisa mendapatkan Node.js di sistem Anda, skrip itu sendiri akan berfungsi sama.

* Penafian: Tutorial ini milik saya. Berpikir orang mungkin ingin melihat secara spesifik apa yang dimaksud poster di atas dengan "Gunakan Node.js". Saya tidak dapat menemukan skrip online untuk menggunakan Node.js untuk mengkompilasi KURANG pada penyimpanan file, jadi saya memasaknya dan berpikir saya akan membaginya.


Sangat menyenangkan memiliki partisipasi Anda, tetapi ini terlihat aneh - mengiklankan pos di situs Anda sendiri untuk solusi Windows? Apakah ini menambahkan sesuatu yang jawaban lainnya tidak?
belacqua

Ya - non ruby, non MacOSX. Anda dapat menggunakan skrip less.js yang berfungsi dengan node.js, sehingga pengguna non MacOSX yang bisa mendapatkan Node.js dikompilasi dapat menikmati kompilasi .less instan.

Menjalankan Node.js tidak sulit. Tidak yakin atau saya mengikuti artikel ini codediesel.com/linux/installing-node-js-on-ubuntu-10-04 tetapi Node.js dibuat dalam waktu singkat. Namun, mengatur Less.js membuat saya menarik beberapa helai rambut. Saya pikir begitu Anda memiliki Node.js berjalan di Ubuntu Anda dapat mengikuti langkah-langkah dalam tutorial Joseph untuk mendapatkan less.js dan berjalan dan dengan demikian ini merupakan tambahan yang bermanfaat untuk utas ini.
Suasana

2

Di bawah Ubuntu 11.10, Anda cukup mengeluarkan a

sudo apt-get install lessc

1

Anda dapat menginstalnya kompiler baris perintah di Ubuntu 12.10 juga:

sudo apt-get install node-less

Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.