【前言】此處介紹的方法只是我個人的用法，相信大家有更好更簡潔的方式。

上次寫到利用LiveReload解放F5。而且LiveReload可以編輯sass/less/stylus。但是可惜發現LiveReload在編譯的時候不能拋錯，這就很麻煩了，少了個標點less編譯就不過，查找起來太麻煩。

我目前的解決方法：

利用Less自帶的客戶端開發模式（development）。

在開發的時候less的編譯還是利用客戶端瀏覽器，即

<link rel="stylesheet/less" type="text/CSS" href="styles.less" /><script src="js/less-1.7.3.min.js" type="text/javascript"></script>

less自帶監視模式，開啟方式是在

<script src="js/less-1.7.3.min.js" type="text/Javascript"></script>

的后面加入：

<script>less.watch();</script>

這樣的話，less就能實時監視變化并改變樣式，而且可以拋錯。

還有一種方法

是利用Koala       這個軟件，先提一下，這個軟件是國內騰訊一個工程師開發的，是less官方推薦的GUI之一，這個軟件功能基本功能和LiveReload差不多，也是監控文件夾的改變。但是擴展功能和設置項更加強大，內置了編譯器可以拋錯。大家可以關注下，在持續開發中。

但是這個軟件不能實時刷新瀏覽器。本質上是個編譯合并壓縮工具，希望它后續能增加刷新功能。