webstorm配置less解析的方法及注意事項


  一、准備
 
1.1 node.js 安裝包     去往騰訊微雲下載
 
1.2 npm(lessc.cmd)    去往騰訊微雲下載

1.3 webstorm       去往騰訊微雲下載

二、配置步驟
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后,可以編譯。(退回方法:卸載重裝。)


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM