LESS.appのようなアプリケーション?


16

最近、LESS.appというOS Xアプリケーションについて知りました。基本的に、*。lessファイルを* .cssファイルにコンパイルおよび縮小し、リアルタイムで実行するアプリです。Ubuntuで同じことを知りたい、またはアーカイブすることができます。

回答:


25

ブライアンはここ。Less.appの開発者。

古いバージョンのLESS(Rubyベースのもの)を使用することを強くお勧めします。Less.jsは、単なるLESSのjavascriptポートではありません。大量の改善を行い、古いRubyバージョンにはないもののサポートを追加し、コンパイラーの速度を約84%向上させる、一から書き直したものです。

Ruby gemをインストールするのではなく、Node.jsインストールし、コマンドラインからNodeを介してLess.jsを実行します。すべての-watch機能は引き続き使用できますが、Less.jsを使用してこれを行うため、生活がずっと良くなります。

または、作成しているWebサイトでLess.jsをスクリプトとして使用します。これは開発のために機能します。コーディングが完了したら、Less.jsが生成するCSSを(ブラウザのインス​​ペクターから)コピーしてファイルに配置し、.css拡張子を追加してから、HTMLページからLess.jsスクリプトタグを削除して、作成したCSSファイル。

いずれにしても、Less.jsを使用します。


Bryanに感謝します。ページに挿入する必要があるもの以外のLess.jsコンパイラを知りませんでした。Ubuntu用のLess.appの移植版は問題外だと思います。;)
ムード


less.jsはヘッドレスビルドマシンで動作しますか?実行しようとすると、「ReferenceError:window is not defined」というメッセージが表示されます。
キャシーヴァンストーン

ルビーバージョンのlessはless.jsから実行されることに注意してください
キャシーヴァンストーン

3

注意

ブライアンの答えを読んでください。彼は自分が何について話しているかを知っています。;-)

少ないインストールできます。

  1. rubygems以下をインストールする

    sudo apt-get install rubygems
    sudo gem install less
    
  2. 公式文書の発言:

    gemを適切に機能させるには、gemのPATHへのパスを〜/ .bashrcに追加する必要があります。

     export PATH=/var/lib/gems/1.8/bin:$PATH
    
  3. 次に、以下のようにしてlessコンパイラを使用できます。

    lessc style.less
    

リンクしたようなGUIはないと思います。しかし、それは本当のより少ないコンパイラの上の非常に浅いGUIであるように見えるので、あなたはそれを直接使用することに問題があるとは思わない。タイプ

lessc --help

使い方を学ぶために。

.lessファイルを変更するたびに自動的にコンパイルする場合は、次の-wオプションを使用できます。

~$ 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+ Zを押してを入力することにより、このプロセスをバックグラウンドで実行し、bg好きなだけ開始できます。を実行するfgfg 3、3番目のプロセスを実行することにより、それらをフォアグラウンドに戻すことができ、すべてのジョブとその番号typeのリストを取得しますjobs


ありがとうございました!今はLess.js(bit.ly/9bG1E9)を使用していますが、rubyコンパイラーを試してみます。GUIは私にとって重要ではありません。しかし、本当に欲しいのは、.lessファイルを監視し、.lessファイルに変更を保存するたびに.cssをコンパイルするツールです。アプリ、CLI、またはgeditプラグインを介してどのように行われるかは、私にはあまり関係ありません。
ムード

@Mood、それはそれを行う-私は答えにそれを追加します。
ステファノパラッツォ

1
うわー!再度、感謝します。それはまさに私が探しているものです。
ムード

2

私の知る限り、Ruby Lessは連結演算子を処理するのに十分なほど更新されていません。

less.jsを使用して非Macプラットフォーム用に保存時に.lessをコンパイルするソリューションに興味がある場合は、このインストールガイド * をご覧ください。チュートリアルはWindowsユーザー向けですが、システムでNode.js入手できれば、スクリプト自体も同じように機能します。

*免責事項:このチュートリアルは私のものです。人々は、上記のポスターが「Node.jsを使用する」という意味を具体的に見てみたいと思うかもしれません。Node.jsを使用してファイルの保存時にLESSをコンパイルするスクリプトをオンラインで見つけることができなかったので、作成して共有することを考えました。


参加するのは素晴らしいことですが、これは奇妙に見えます-Windowsソリューションのために自分のサイトに投稿を広告しますか?これにより、他の回答にはない何かが追加されますか?
ベラク

はい-非ルビー、非MacOSX。node.jsで動作するless.jsスクリプトを使用できるため、Node.jsをコンパイルできるMacOSX以外のユーザーは.lessのインスタントコンパイルを楽しむことができます。

Node.jsを実行するのは難しくありません。よくわからないか、この記事codediesel.com/linux/installing-node-js-on-ubuntu-10-04に従いましたが、Node.jsはすぐにセットアップされました。しかし、Less.jsをセットアップすると、髪の毛が抜けてしまいました。UbuntuでNode.jsを実行したら、Josephのチュートリアルの手順に従ってless.jsを起動して実行できるため、このスレッドに役立つ追加機能です。
気分

2

Ubuntu 11.10では、単純に発行できます

sudo apt-get install lessc

1

Ubuntu 12.10のコマンドラインコンパイラにもインストールできます。

sudo apt-get install node-less

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.