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

2022-03-04 08:22:01 字數 1341 閱讀 1274

一、準備

二、配置步驟

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 摺疊...