1,如果没有安装less
C:\Users>lessc -v 'lessc' 不是内部或外部命令,也不是可运行的程序 或批处理文件。
2,安装less
C:\Program Files\nodejs\node_modules\npm>npm install less -g C:\Users\AppData\Roaming\npm\lessc -> C:\Users\AppData\Roaming\npm\node_modules\less\bin\lessc C:\Users\AppData\Roaming\npm `-- less@3.0.1
3,验证如果安装成功
C:\Program Files\nodejs\node_modules\npm>lessc -v lessc 3.0.1 (Less Compiler) [JavaScript]
4.命令用于安装css压缩插件
C:\Program Files\nodejs\node_modules\npm>npm install -g less-plugin-clean-css C:\Users\AppData\Roaming\npm -- less-plugin-clean-css@1.5.1
-- clean-css@3.4.28 +-- commander@2.8.1 | -- graceful-readlink@1.0.1
-- source-map@0.4.4 `-- amdefine@1.0.1
注: 安装less 时 需要全局安装 也就是命令上加 -g 安装css压缩插件时 也要进行全局安装 也需要加-g 当时没加-g 安装失败 报错,加上即成功
5,在webStrom中设置--File Watchers--+--less--program:C:\Users\AppData\Roaming\npm\lessc.cmd 点击确定
6,这个时候 less文件可以自动生成css文件