早有学习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代码的高亮显示。
- 如果你希望编译生成的css为压缩的css文件的话,你还需要安装一个less的插件less-plugin-clean-css,注意这个插件要和lessc安装在同一个目录下。当然安装也是很简单的,只要下面这行命令就搞定了:
- 完成
- 之后,你可以从Preferences > Package Settings > Less2CSS > User
设置less2css不开启压缩,配置如下:{ "minify": false }
- 首先你要安装lessc。我是用npm包管理器直接安装的,只需要一条命令:
二、网络教程
- http://www.cnblogs.com/jesse131/p/5258178.html
- https://github.com/stuxt/stuxt.github.io/issues/8
时间: 2024-10-10 13:33:14