less环境配置

less环境配置

less的简单介绍

less是基于nodejs的一种工具,能够实现对css的预编译,提高css可维护性

命令提示符下对less的编译

• 安装node.js (查看是否安装好node,在命令提示符中写入node -v)
• 打开命令提示符 (win+r)
• 在node环境下安装less (npm install less -g)
• 检查是否安装成功(lessc -v)
• 如何在命令提示符中完成less文件对css的转换
  1. cd到你的less文件目录
  2. 输入命令: lessc less文件名.less 转换成css的文件名.css

利用sublime编译器完成对less的编译

• 打开sublime
• 快捷键 ctr+shift+p
• 输入install package 回车
• 安装less lessc 和less2css 3个插件
• 在命令提示符中安装这个插件: npm install less-plugin-clean-css -g
• 打开sublime首选项(preferences)中的package setting可以看到多了less 和 less2css
• 可以对less2css的setting-default拷贝,粘贴到setting-user中 修改配置来满足自己的需求