6

Sass や LESS などの CSS プリプロセッサに切り替えたいと思っていますが、現在のセットアップに慣れすぎており、解決策がありません。いずれかがあります？

私は現在、ライブ CSS エディターである Mac で CSSEdit を使用しています。人々がこれについて話すたびに、「ライブ」とは、ファイルを保存するたびにページがリロードされることを意味すると考えているようです。これは私が言いたいことではありません。CSSEdit で CSS を入力している場合、ファイルを保存しなくても、変更がそのまま表示されます。これは、特に試行錯誤を使用して決定する場合など、時間の節約になります。要素に配置するパディングの量や、さまざまな色を試す。

したがって、すべての Sass または LESS オプションは、Sass/LESS と書き、CMD+を押すSと、ページがリロードされ、変更が表示されます。これは私には十分ではありません。何か私にできることはありますか？

さらに複雑なことに、CSSEdit はその開発者によって放棄され、Espresso を支持するようになりました。Espresso には、私が依存する機能 (コードの再フォーマットのカスタマイズ) の一部がまだ欠けているため、まだ移行していません。

4

3 に答える 3

1

さまざまなエディターでの LESS 構文のサポートはまだ広くないため、このような洗練された機能が存在するようになるまでには時間がかかります。

ファイルのすべての変更に対してエディターがコンパイルする必要があり、文字を入力したときにコンパイルするのは効果的ではありません...したがって、有効な構文がある場合はコンパイルする必要があります(エラーなしでコンパイルされます)...それはそれほど「生きている」ことにはならないかもしれません。CSS にコンパイルするか、less.js を使用するか、おそらく後者の方がこの目的に適している可能性があります (外部ソフトウェアを使用する必要はありません)。Sublime Text プラグイン開発に向かい、おそらくそのようなプラグインを作成しますか? :) Sublime Text は私が使用した中で最高のエディターです。プラグインに関しては柔軟性があるためです。かもね？

それ以外の場合は、引き続き CSSEdit を使用し、説明したようにライブ CSS 編集を行う必要があります。変更されたコードを LESS ファイルにコピーするだけです。どの CSS も有効な LESS であることを忘れないでください。Safari/Chrome Inspector または Firebug でも同じことを行い、.less ファイルに変更を適用します。理想的ではありませんが、うまくいきます..

于 2012-02-24T11:02:38.463 に答える
0

私の意見では、このプロジェクトは本当に有望に見えます: https://developers.google.com/chrome-developer-tools/docs/css-preprocessors

于 2013-08-15T08:15:56.787 に答える