【利用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快捷键即可实现编译

猜你喜欢

转载自blog.csdn.net/qq_40777545/article/details/81219800