less-记录1

less使用

第一种使用方法 简单 客户端运行

1. <script src="https://cdn.bootcss.com/less.js/3.11.1/less.min.js"></script>

2. 把这个cdn放在css的下面，因为不是依赖它，而是编译它

3. 把css改成 <style type="text/less">

第二种使用方法 常用

1. 先安装npm //npm install -g less
2. 在命令行界面切换到你编辑的less文件目录下
3. 在命令行界面输入 lessc 文件名.less //意思是编译当前less文件显示在命令行
4. 在命令行界面输入 lessc 文件名.less 文件名.css //意思是编译当前less文件输出css文件到当前文件夹

第三种方法 最常用

HbuilderX 在安装好插件less后，要在工具-插件配置-（compile-less） -package.json 里面找到 onDidSaveExecution：false 改为true 即可，文档是这样解析的：onDidSaveExecution: 配置保存的时候是否触发执行, true: 代表执行

使用方法：直接新建less或者scss文件 然后保存就自动生成一个css同名文件，即可使用