1.鼠標(biāo)右鍵,Add folder to workspace.添加需要調(diào)試的項(xiàng)目
2.選中項(xiàng)目中的index.html笋妥,右鍵map to networkresource,添加映射
3.此時(shí)編輯調(diào)試面板中sources下的xxx.css即可實(shí)時(shí)調(diào)試
4.對于Less文件顶瞒,可以用命令行去調(diào)試籽御,但建議添加在koala中枚尼,這樣在完成上述步驟后留搔,也可在面板實(shí)時(shí)編輯調(diào)試xxx.less文件更胖。
5.在Elements面板中,也可以通過選中元素后編輯調(diào)試
6.通過運(yùn)行命令(在??? /項(xiàng)目名/css??? 路徑下)lessc --source-map xx.less xx.css隔显,可以使Elements面板中元素映射的styles信息由xxx.css改為xxx.less.但是這兒有個(gè)bug,在Elements面板中編輯的樣式信息却妨,Sources面板下的xxx.less文件不會(huì)同步更新。