快捷導(dǎo)航

IntellJ idea使用FileWatch實(shí)時(shí)編譯less文件的方法

更新時(shí)間：2018年02月12日 09:57:49 作者：Real_man

這篇文章主要介紹了IntellJ idea使用FileWatch實(shí)時(shí)編譯less文件的相關(guān)資料,需要的朋友可以參考下

前言

開發(fā)前端的時(shí)候，經(jīng)常會(huì)寫一些less或者sass文件，但這些文件需要編譯成css文件才有效，之前會(huì)使用一些自動(dòng)化構(gòu)建工具實(shí)時(shí)監(jiān)聽項(xiàng)目文件變化，需要做些配置。
這里使用idea的file watch插件，無(wú)需額外配置，簡(jiǎn)單方便。

操作

依賴關(guān)系

Node.js與idea的nodejs插件
File Watch插件
全局安裝less

插件位置

配置File watch

1.項(xiàng)目中新建less文件

新建less文件

2.配置less文件的file watch。

我們可以看到文件頂部有個(gè)是否開啟less文件的觀察器，點(diǎn)擊YES

配置Less的File watch

點(diǎn)擊輸出路徑最右邊的插入預(yù)定義宏(insert Macro)，可以看到預(yù)定義的宏與它代表的內(nèi)容

插入Macro界面

最終效果圖

最終配置

可以看到less被實(shí)時(shí)編譯成了css文件

實(shí)時(shí)編譯圖

額外

File watch不僅僅可以觀察less文件，實(shí)時(shí)監(jiān)聽文件變化的操作都可以處理。我們可在Idea的配置中自行配置。

File watch位置

前端我不建議使用sass編譯器，因?yàn)樵趙indows上安裝sass編譯器依賴一大堆東西，又是c++，又是python的。雖然在Mac或linux上用sass沒問題，在windows上使用會(huì)出現(xiàn)問題。less與sass功能差不多，最終也都是要編譯成css的，有了這么好用的工具還是直接使用less。

總結(jié)

以上所述是小編給大家介紹的IntellJ idea使用FileWatch實(shí)時(shí)編譯less文件的方法，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

相關(guān)文章

SpringBoot整合kaptcha實(shí)現(xiàn)圖片驗(yàn)證碼功能
這篇文章主要介紹了SpringBoot整合kaptcha實(shí)現(xiàn)圖片驗(yàn)證碼功能，文章圍繞主題展開詳細(xì)的內(nèi)容介紹，具有一定的參考價(jià)值，需要的小伙伴可以參考一下
2022-07-07
Springboot整合hutool驗(yàn)證碼的實(shí)例代碼
在 Spring Boot 中,你可以將 Hutool 生成驗(yàn)證碼的功能集成到 RESTful API 接口中,這篇文章主要介紹了Springboot整合hutool驗(yàn)證碼,需要的朋友可以參考下
2024-08-08
javac -encoding 用法詳解
當(dāng)我們編輯了一個(gè)Java源文件保存時(shí)，是以操作系統(tǒng)默認(rèn)的字符編碼保存的（Windows xp默認(rèn)字符集是GBK）。這篇文章主要介紹了javac -encoding 用法詳解,非常具有實(shí)用價(jià)值。
2016-12-12
超級(jí)好用的輕量級(jí)JSON處理命令jq(最新推薦)
jq是一個(gè)輕量級(jí)的命令行工具，讓你可以非常方便地處理JSON數(shù)據(jù)，如切分、過濾、映射、轉(zhuǎn)化等，就像sed、awk、grep文本處理三劍客一樣，這篇文章主要介紹了超級(jí)好用的輕量級(jí)JSON處理命令jq,需要的朋友可以參考下
2023-01-01
使用springMVC所需要的pom配置
這篇文章主要介紹了使用springMVC所需要的pom配置，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2021-09-09
java實(shí)戰(zhàn)項(xiàng)目之記賬軟件
這篇文章主要介紹了java實(shí)戰(zhàn)項(xiàng)目之記賬軟件,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2021-04-04
springMVC之HandlerExceptionResolver使用
這篇文章主要介紹了springMVC之HandlerExceptionResolver使用，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2022-11-11
在CentOS上配置Java環(huán)境變量的教程
這篇文章主要介紹了在CentOS上配置Java環(huán)境變量的教程,同時(shí)適用于Fedora等其他RedHat系的Linux系統(tǒng),需要的朋友可以參考下
2015-06-06
springboot+Oauth2實(shí)現(xiàn)自定義AuthenticationManager和認(rèn)證path
本篇文章主要介紹了springboot+Oauth2實(shí)現(xiàn)自定義AuthenticationManager和認(rèn)證path，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-09-09
java將數(shù)字價(jià)格轉(zhuǎn)換為中文大寫代碼示例(工具類)
這篇文章主要介紹了java將數(shù)字價(jià)格轉(zhuǎn)換為中文大寫的相關(guān)資料,在Java中實(shí)現(xiàn)將數(shù)字價(jià)格轉(zhuǎn)換為中文大寫需要將數(shù)字分解為各個(gè)部分（如個(gè)位、十位、百位等）,并根據(jù)這些部分轉(zhuǎn)換為對(duì)應(yīng)的中文大寫數(shù)字,需要的朋友可以參考下
2024-10-10