养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

怎样编译less文件,怎样把less文件编译成css

时间:2024-10-27 16:37:08

less可以通过编译变成c衡痕贤伎ss文件,那么怎样编译less文件捏?今天小编我就来教教大家怎样把less编译成css文件,哈哈,挺简单的哦。

工具/原料

电脑

hbuilder

方法/步骤

1、第一步骤,先安装hbuilder,然后通过Hbuilder新建一个项目,然后再次新建一个后绋避狁乘缀名为less的文件。

怎样编译less文件,怎样把less文件编译成css

2、如图,把less代码放在对应的后缀名为less的页面上即可,哈哈。

怎样编译less文件,怎样把less文件编译成css

3、然后开始编译less文件,在less文件单击右键就会出现如图所示的菜单哦。

怎样编译less文件,怎样把less文件编译成css

4、如图,这里一定要保存为css格式的才行哦,不然会出现错误的哦。

怎样编译less文件,怎样把less文件编译成css

5、大概等待两秒,less文件就被编译完成了,文件夹内部多了一个css文件了哦。

怎样编译less文件,怎样把less文件编译成css

6、打开浏览看看,l格式很正确,大家快去动手试试编译你的less文件吧,嘻嘻。

怎样编译less文件,怎样把less文件编译成css

© 一点知识