LESS.app thích ứng dụng?


16

Gần đây tôi phát hiện ra một ứng dụng OS X có tên LESS.app . Về cơ bản, đây là một ứng dụng để biên dịch và thu nhỏ các tệp * .less thành các tệp * .css và thực hiện theo thời gian thực. Tôi muốn biết hoặc tôi có thể lưu trữ điều tương tự trong Ubuntu và cách thực hiện.

Câu trả lời:


25

Bryan đây. Nhà phát triển của Less.app.

Tôi đặc biệt khuyên dùng LẠI sử dụng phiên bản LESS cũ hơn (phiên bản dựa trên Ruby). Less.js không chỉ là một cổng javascript của LESS, nó là một bản viết lại cơ bản giúp cải thiện rất nhiều thứ, thêm hỗ trợ cho những thứ mà phiên bản Ruby cũ không có, và tăng tốc độ trình biên dịch lên khoảng 84%.

Thay vì cài đặt đá quý Ruby, hãy cài đặt Node.js và chạy Less.js thông qua Node từ dòng lệnh. Bạn vẫn sẽ có tất cả các chức năng của đồng hồ, nhưng bạn sẽ sử dụng Less.js để làm điều đó, điều đó có nghĩa là cuộc sống của bạn sẽ tốt hơn nhiều.

Cách khác, sử dụng Less.js làm tập lệnh trong trang web bạn đang tạo. Điều này sẽ làm việc để phát triển. Khi bạn hoàn tất mã hóa, chỉ cần sao chép CSS mà Less.js tạo ra (từ trình kiểm tra trình duyệt của bạn) và đặt nó vào một tệp, thêm phần mở rộng .css, sau đó xóa thẻ script Less.js khỏi các trang HTML và thay thế Tập tin CSS bạn vừa tạo.

Dù bằng cách nào, hãy sử dụng Less.js.


Cảm ơn Bryan, tôi không biết về trình biên dịch Less.js ngoài trình biên dịch phải được chèn trong trang. Giả sử một cổng của Less.app cho Ubuntu không còn nữa. ;)
Tâm trạng


Liệu less.js có hoạt động trên các máy xây dựng không đầu không? Tôi đang nhận được "ReferenceError: cửa sổ không được xác định" khi tôi cố chạy nó.
Kathy Van Stone

Lưu ý rằng phiên bản ruby ​​ít hơn bây giờ sẽ chạy ít hơn.js
Kathy Van Stone

3

Ghi chú

Đọc câu trả lời của Bryan. Anh ấy biết những gì anh ấy nói về. ;-)

Bạn chỉ có thể cài đặt ít hơn .

  1. Cài đặt rubygems và ít hơn

    sudo apt-get install rubygems
    sudo gem install less
    
  2. Các tài liệu chính thức nhận xét:

    Để làm cho gem hoạt động chính xác, bạn nên viết đường dẫn của gem tới PATH thêm vào ~ / .bashrc:

     export PATH=/var/lib/gems/1.8/bin:$PATH
    
  3. Sau đó, bạn có thể sử dụng trình biên dịch ít hơn bằng cách làm

    lessc style.less
    

Tôi không nghĩ có một GUI giống như GUI mà bạn đã liên kết. Nhưng vì nó dường như chỉ là một gui rất nông trên trình biên dịch thực sự ít hơn, tôi không nghĩ rằng bạn sẽ có bất kỳ vấn đề nào khi sử dụng nó trực tiếp. Kiểu

lessc --help

để học cách sử dụng nó

Nếu bạn muốn các tệp .less của bạn được tự động biên dịch mỗi khi bạn thay đổi chúng, bạn có thể sử dụng -wtùy chọn:

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

Bạn có thể đặt quá trình này trong nền bằng cách nhấn Ctrl+ Zvà nhập bgvà bắt đầu bao nhiêu tùy thích. Bạn có thể đưa chúng trở lại nền trước bằng cách thực hiện fghoặc fg 3cho quy trình thứ ba, để có được danh sách tất cả các công việc và loại số của chúng jobs.


Cảm ơn bạn! Ngay bây giờ tôi sử dụng Less.js ( bit.ly/9bG1E9 ) nhưng tôi sẽ thử trình biên dịch ruby. GUI không quan trọng đối với tôi. Nhưng điều tôi thực sự muốn có là một công cụ xem (các) tệp .less của tôi và biên dịch một .css mỗi khi tôi lưu các thay đổi vào tệp .less của mình. Làm thế nào nó được thực hiện, thông qua một ứng dụng, CLI hoặc một trình cắm gedit không quan trọng với tôi nhiều.
Tâm trạng

@Mood, nó làm điều đó - Tôi sẽ thêm nó vào câu trả lời.
Stefano Palazzo

1
Ồ Cảm ơn một lần nữa. Đó chính xác là những gì tôi đang tìm kiếm.
Tâm trạng

2

Theo hiểu biết của tôi, ruby ​​ít không được cập nhật đủ để thậm chí xử lý toán tử ghép.

Đối với những người quan tâm đến một giải pháp biên dịch .less khi lưu cho các nền tảng không phải mac sử dụng less.js, bạn có thể xem hướng dẫn cài đặt này *. Mặc dù hướng dẫn này hướng đến người dùng Windows, tôi tưởng tượng nếu bạn có thể nhận được Node.js trên hệ thống của mình, thì tập lệnh sẽ hoạt động tương tự.

* Khước từ trách nhiệm: Hướng dẫn này là của tôi. Chỉ cần nghĩ rằng mọi người có thể muốn xem cụ thể những gì người đăng ở trên có nghĩa là "Sử dụng Node.js". Tôi không thể tìm thấy bất kỳ tập lệnh trực tuyến nào khi sử dụng Node.js để biên dịch LESS khi lưu tệp, vì vậy tôi đã nấu nó lên và nghĩ rằng tôi sẽ chia sẻ nó.


Thật tuyệt khi có sự tham gia của bạn, nhưng điều này có vẻ kỳ quặc - quảng cáo một bài đăng trên trang web của riêng bạn cho một giải pháp Windows? Điều này có thêm điều gì mà các câu trả lời khác không?
belacqua

Có - không ruby, không MacOSX. Bạn có thể sử dụng tập lệnh less.js hoạt động với node.js, vì vậy những người dùng không phải là MacOSX có thể biên dịch Node.js có thể tận hưởng quá trình biên dịch .less ngay lập tức.

Bắt Node.js chạy không khó. Không chắc chắn hoặc tôi đã theo dõi bài viết này được mã hóa Diesel.com/linux/installing-node-js-on-ub Ubuntu-10-04 nhưng Node.js đã được thiết lập ngay lập tức. Tuy nhiên, việc thiết lập Less.js khiến tôi phải nhổ một vài sợi tóc. Tôi hình dung một khi bạn có Node.js chạy trên Ubuntu, bạn có thể làm theo các bước trong hướng dẫn của Joseph để có được less.js và do đó đây là một bổ sung hữu ích cho chủ đề này.
Tâm trạng

2

Trong Ubuntu 11.10, bạn chỉ cần phát hành một

sudo apt-get install lessc

1

bạn cũng có thể cài đặt trình biên dịch dòng lệnh trong Ubuntu 12.10:

sudo apt-get install node-less

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.