less环境搭建

less 是一款css预处理器。

官网：http://lesscss.cn/

1. 使用npm全局安装less

   cnpm install less -g

1. 在VSCode中安装 easy less 插件进行AOT预编译

2. 配置 easy less 插件的选项

   {    
     "less.compile": {
         "compress":  false,  // true => remove surplus whitespace
         "sourceMap": false,  // true => generate source maps (.css.map files)
         "out":       true, // false => DON'T output .css files (overridable per-file, see below), true => 生成.css文件
     }
   }

1. 也可以在每个less文件第一行进行配置

   // out: ../dist/app.css, compress: true, sourceMap: false
   body, html {
     ...
   }

1. 在VSCode中安装好插件后，新建的.less保存后会自动生成.css文件