怎样编译less文件

在前端开发的时候,有些公司会用到less,今天咪咪我就来教教大家怎样编译less文件,哈哈。

工具/材料

电脑

hbuilder

操作方法

  • 01

    先在hbuilder里面新建一个web项目,如图所示,我新建了一个叫less的项目。

  • 02

    新建web项目操作步骤如图所示。

  • 03

    如图,然后我们在web项目下的css文件夹上单击鼠标右键,然后“新建”。

  • 04

    如图,选择less文件类型即可。

  • 05

    给less文件起一个名称,名称自定义。

  • 06

    接着写上less代码,也可以直接把你的less代码复制到这上面,这里我就写一个简单的less来举例。

  • 07

    最后选择好less文件,再次单击鼠标右键,然后点击“编译”。

  • 08

    接着会弹出一个窗口,我们点击保存类型旁边的下拉选框。

  • 09

    如图,把文件类型选择为css即可。

  • 10

    接着可以设置编译后css文件的名称,这里我就不修改了,然后点击确定。

  • 11

    之后,编译成功,同一个文件夹下就会多出一个css文件,这就是由less文件编译而来的。

  • 12

    之后,看看代码,原本的less代码就变成了css代码了,哈哈。

  • End
  • 发表于 2017-09-01 00:00
  • 阅读 ( 854 )
  • 分类:电脑网络

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
联系我们:uytrv@hotmail.com 问答工具