使用sublime高效的编辑Less

标签：

早有学习Less的想法和计划，一直忙于奔波其他事情，没有着手去做，今天得了空闲，入门了Less。

• less一种 动态 样式 语言.
• less将 CSS 赋予了动态语言的特性，如 变量， 继承，运算， 函数.
• less既可以在 客户端 上运行 (支持IE 6+, Webkit, Firefox)，也可以借助Node.js或者Rhino在服务端运行。

一、坏境搭建

• 　　准备：安装NodeJs
  •  首先你要安装lessc。我是用npm包管理器直接安装的，只需要一条命令：npm install less -g（在Node.js command prompt中输入此命令）。你可以用如下命令看下你的lessc是不是安装成功了：$ lessc -v
  • Less2css的依赖环境安装完毕，现在转战sublime安装插件。打开sublime之后ctrl+shift+p>install Package搜索Less2css按Enter就可以了。
    • 如果你希望编译生成的css为压缩的css文件的话，你还需要安装一个less的插件less-plugin-clean-css，注意这个插件要和lessc安装在同一个目录下。当然安装也是很简单的，只要下面这行命令就搞定了：
      npm install less-plugin-clean-css -g
    • Sublime是不支持less代码高亮的，这里我们也可以同样的方法安装less插件，来实现less代码的高亮显示。
  • 完成
  • 之后，你可以从Preferences > Package Settings > Less2CSS > User
    设置less2css不开启压缩，配置如下：
    { "minify": false }

二、网络教程

• http://www.cnblogs.com/jesse131/p/5258178.html
• https://github.com/stuxt/stuxt.github.io/issues/8

使用sublime高效的编辑Less

标签：

原文地址：http://www.cnblogs.com/zhuyinxiaozi/p/5402792.html