如何将less编译成css文件__less自动编译成css的方法总结

Posted ypppt

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何将less编译成css文件__less自动编译成css的方法总结相关的知识,希望对你有一定的参考价值。

作为css的预处理less,拥有着比css更快捷方便,扩展了css的变量、Mixin、函数等特性,使 CSS 更易维护和扩展。  如何你已经回使用css,那么less就很容易上手了。如果不使用less.min.js的情况,  介绍如何将less文件转换成css文件。

 

 

less编译成css方法一:

使用koala,这个软件可以实时把less编译成css,我们只需要安装软件,简单配置就可以了。  

 

办公资源网址导航 https://www.wode007.com

使用sublime text的less2css插件:

1.安装node.js,这个到官网下载即可 

 

2.安装less,方法:命令行输入:

npm install -g less

 

3.sublime安装less2css,方法:

ctrl+shift+p>install Package>less2css

 

4.配置less2css 

Preferences → Package Settings → Less2Css → Settings-Default

 

5.执行
编写好less文件后 按下ctrl+s 就会在当前目录下生成同名的css文件 

 

以上是关于如何将less编译成css文件__less自动编译成css的方法总结的主要内容,如果未能解决你的问题,请参考以下文章

如何使用lessc编译.less文件

如何使用lessc编译.less文件

有没有将 css 文件反编译成 less 文件的脚本

将 LESS 文件编译成 CSS Bootstrap 3

AngularJs 开发app之准备工作2_less

Hbuilder中的less不能自动编译为css怎么办