首页 > 网站 > WEB开发 > 正文

新手如何将less文件转换成css文件

2024-04-27 15:09:27
字体:
来源:转载
供稿:网友

less是预处理CSS,使我们写css更方便快速,它类似于css和js的结合体,有js的特征但写出来是css。less的学习成本几乎为0 ,只要你会写css就会写less。下面是如何将less文件转换成css文件:

Less官网:http://lesscss.org/

Less中文网:(结合以下两个网站看)

http://lesscss.cn/(推荐看这个网站,但翻译不完整)http://less.bootcss.com/(翻译比较完整,但版本过低)

准备工作: less是基于node环境,所以使用less必须安装node环境。 node环境安装可以参考这里:Node环境安装

在项目根目录中的css文件夹中新建main.less文件并写好(根据需要命名文件,后缀必须是.less。例如:base.less )。在less文件根目录中(就是css文件夹内) ①Shift+鼠标右击 打开命令小黑窗口 这里写图片描述 ②输入: lessc+空格+less文件名 如:lessc main.less 控制台会把编译的css输出 这里写图片描述 ③命令行输入: lessc+空格+less文件名+空格+大于号+空格+css文件名 例如:lessc main.less > main.css 在css文件夹中会多一个css文件,即转换完成 这里写图片描述 效果图如下: 这里写图片描述
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表