【利用CSS实现响应式开发 第四篇】

六.LESS

      LESS是动态的样式表语言，通过简洁明了的语法定义，使编写css的工作变得非常简单，ben'本质上，LESS包含一套自定义的语法以及一个解析器。

   安装

1.安装Nodejs环境Node Package Manger（验证 node-v  npm-v）

2.打开控制台（cmd）执行npm install-g less（验证 lessc-v)Node Package Manger

3.命令行编译 lessc path/xxx.les path/xxx.css

   编译

      浏览器只能识别css，LESS只是用来提升css可维护性的一个工具，最终需要将LESS编译成css，然而通过命令行编译效率比较低下，一般都会借助于编译器来完成编译，以sublime_text为例，sublime_text默认并不支持LESS的编译操作，需要安装插件实现。

    1.执行 npm  install-g less-piugin-clean-css（使用sublime_text才用）

     2.ctrl+shift+p 打开命令面板

     3.输入install package 然后回车

     4.安装LESS   lessc Less2Css 三个插件

     5.alt+s快捷键即可实现编译