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

时间:2024-10-13 23:34:33

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
© 手抄报圈