1. 程式人生 > >在WebStorm裏配置watcher實現編輯less文件時自動生成.css文件

在WebStorm裏配置watcher實現編輯less文件時自動生成.css文件

編輯 oam admin install node OS all tail ima

1.安裝 nodejs

//查看nodejs版本 node -v

//查看npm版本 npm -v

//全局安裝less npm install -g less

2.配置webStrom

添加external Tools

parameters是默認地址的話 直接點insert就行

(Progrem 自己的安裝位置 F:\NODE\node.exe)

(parameters:C:\Users\Administrator\AppData\Roaming\npm)

技術分享圖片

添加watcher

技術分享圖片

新建一個less文件,就會自動生成.css,實時編譯,如圖:

技術分享圖片

node.js編譯less文件

可以用nodejs直接編譯less文件,但是不能時時編譯。

如:

技術分享圖片

技術分享圖片

lessc 需要編譯的less名和路徑 > 生成的css名和路徑

技術分享圖片

在WebStorm裏配置watcher實現編輯less文件時自動生成.css文件