私はウェブデザインに非常に新しいですLESS

Question

を使い始める...大丈夫、今それは私がLESS/CSSフレームワーク内の変数を宣言しないようにして、外だと？

私は、NetBeansのIDE 7.0.1 を使用している私はまた、ブートストラップ2.0（これが重要かどうかわからない）を使用しています。 lesscss.orgからLESSの最新バージョンをダウンロードしましたが、それはミニバージョンのみをダウンロードします。ここで

はヘッダに私のリンクやスクリプトタグです：

<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.css"> 
<link rel="stylesheet" type="text/css" href="css/realcardio.css" media="all"> 
<script type="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script> 

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js"></script> 
<script type="text/javascript" src="js/Main.js"></script> 
<script type="text/javascript" src="bootstrap/js/less-1.2.1.min.js"></script> 

は、変数に値を代入を開始するのを待つことはできませんが、私はただでこれを行うにはどのファイルか分かりませんか？

ありがとうございます！

Answer 1

あなたのファイルが少なくなります！あなたがless.jsファイルをインクルードする前に

<link rel="stylesheet/less" type="text/css" href="sample.less"> 
<script src="less.js" type="text/javascript"></script> 

：

@font_color: #666; 
@font_size: 15px; 

body { 
    color: @font_color; 
    font_size: @font_size; 
} 

sample.less

は、その後、あなたは、この .lessファイルが含まれています。

ちなみに、私はそれはあなたがあなたのエディタで.lessファイルを保存するたびに、それは.cssファイルにノードlesscコンパイラを使ってコンパイルするように何かをフックアップし、実際にはるかに優れたモデルだ見つけ、あなただけでは.cssファイルをインクルードあなたのページに

私たちが仕事でデプロイを行う前に、変換を実行する必要はありませんこの方法です。