一、準備
二、配置步驟
1) 安裝js解析器node.js。直接下一步就ok了。
2) 將npm壓縮包解壓,找到裡面的lessc.cmd檔案,放到c盤下乙個沒有中文路徑的目錄下,我們假如是 c:\xampp\htdocs\tools\npm
3) 3.1 開啟webstorm→file→settings→tools→file watching
點選「+」→less檔案→program右側點選「。。。」彈出對話方塊,選擇我們之前的檔案,然後確定。
確定。
三、使用
新建haley.less檔案,在html中進行引用
四、問題解決
出現如下亂碼提示問題
說明node.js未能成功安裝,或者安裝有問題
解決辦法:重新安裝node.js,然後重新啟動電腦
其他問題:17年2月13日 公升級6.9node後無法編譯less(提示一堆英文,忘記截圖了),只好退回到v4.1.0後,可以編譯。(退回方法:解除安裝重灌。)
webstorm 配置 less 自動編譯
查了一些都有點偏差,找到方法後記錄下 windows環境下 npm i less g 安裝後,會出現乙個安裝路徑 檢查是否安裝好 lessc vwebstorm中配置位置 file settings tools file watchers 增加乙個less型別的watcher 最簡單的配置就是只修改...
WebStorm 8 0安裝LESS編譯環境的教程
1 首先安裝webstorm 8.0 2 安裝nodejs nodejs官方版本有32位和64位,可以根據實際需要進行選擇安裝。3 安裝less 安裝成功的介面是這樣的 如圖 在這裡,我們能夠看到lessc安裝的目錄,這個要先記下來。4 在webstorm裡面配置less編譯 這個步驟稍微複雜一些,...
webstorm主題配置
自定義語法高亮 用ctrl alt s開啟settings介面,editor colors fonts。不同語言有各自的語法高亮規則,但有一部分是通用的 general 我們首先來設定general,然後再根據需要設定不同語言的語法高亮。general的設定 普通文字 default text 摺疊...