less的四种使用方法

1、koala编译器

使用步骤:
1、下载一个koala软件
2、打开koala软件,然后将less所在的文件夹拖拽到软件中
3、koala会自动读到less文件,然后点击less文件

2、直接引入less.js

使用步骤:
直接下载一个less文件,在编译器中引入我们下载的less文件
但坏处就是在客户端解析less,造成性能浪费,不利于维护

3、使用node

使用步骤:
在命令符中进行编译,(lessc 编译的less文件名 编译后的css文件名的位置及名称)
坏处就是操作起来相对麻烦

4、Webstorm中安装Less编译插件

进入“WebStorm”,在“File >> Settings >> Other Settings>>LESS Profiles”中:
Arguments:$FileName$ $FileParentDir$\文件地址\$FileNameWithoutExtension$.css --source-map
Output paths to refresh:--style expanded --no-cache --sourcemap=none $FileName$:$FileParentDir$\css\$FileNameWithoutExtension$.css

你可能感兴趣的:(less的四种使用方法)