less.js使用環境搭建 快速編輯 CSS

1.工欲善其事必先利其器

首先要下幾個軟體：

①我用eclipse搭建的less整合式開發環境需要java環境，安裝下jdk 下載個JRE/JDK）。

②less編譯工具 Koala_2.0.0-beta_Setup.exe簡單的說就是把.less的檔案 變成 .css 的檔案 這個你就懂了）。

2.軟體應用

①開啟eclipse 建立一個項目

650) this.width=650;" src="http://www.bkjia.com/uploads/allimg/131228/1500412G9-0.png" title="QQ20130917165113.png" alt="165212263.png" />

②css下建立一個 cabbage.less 的檔案

③安裝下 Koala 然後開啟 ，

建立一個項目

650) this.width=650;" src="http://www.bkjia.com/uploads/allimg/131228/1500415G8-1.png" title="QQ20130917165113.png" alt="165623825.png" />

點在cabbage.less上，右邊會出現一個菜單

650) this.width=650;" src="http://img1.51cto.com/attachment/201309/165740173.png" title="QQ20130917165113.png" alt="165740173.png" />

點執行編譯。上面的勾什麼的 我暫時不知道怎麼用，正在研究，望懂的大神指教）

它就會在cabbage.less所在的檔案中產生一個cabbage.css的檔案

④在html中調用cabbage.css吧， 這你該懂的。

650) this.width=650;" src="http://img1.51cto.com/attachment/201309/170046436.png" title="QQ20130917165958.png" alt="170046436.png" />

⑤那個考拉熊的軟體別關， 當你在eclipse上編輯cabbage.less的時候 每次儲存他會自動同步產生cabbage.css。

註：具體的less語言怎麼寫，去找度娘吧。或是less學習網站。less的好處我也不詳多說 你用了就懂了。

本文出自 “白菜培養皿” 部落格，請務必保留此出處http://twocabbages.blog.51cto.com/4829345/1298314