在前端开发的时候 ， 有些公司会用到less ， 今天咪咪我就来教教大家怎样编译less文件 ， 哈哈 。 工具/材料 电脑
hbuilder
操作方法 01 先在hbuilder里面新建一个web项目 ， 如图所示,我新建了一个叫less的项目 。
文章插图
02 新建web项目操作步骤如图所示 。
文章插图
03 如图 ， 然后我们在web项目下的css文件夹上单击鼠标右键 ， 然后“新建” 。
文章插图
04 如图 ， 选择less文件类型即可 。
文章插图
05 给less文件起一个名称 ， 名称自定义 。
文章插图
06 接着写上less代码 ， 也可以直接把你的less代码复制到这上面 ， 这里我就写一个简单的less来举例 。
文章插图
07 【怎样编译less文件】最后选择好less文件 ， 再次单击鼠标右键 ， 然后点击“编译” 。
文章插图
08 接着会弹出一个窗口 ， 我们点击保存类型旁边的下拉选框 。
文章插图
09 如图 ， 把文件类型选择为css即可 。
文章插图
10 接着可以设置编译后css文件的名称 ， 这里我就不修改了 ， 然后点击确定 。
文章插图
11 之后 ， 编译成功 ， 同一个文件夹下就会多出一个css文件 ， 这就是由less文件编译而来的 。
文章插图
12 之后 ， 看看代码 ， 原本的less代码就变成了css代码了 ， 哈哈 。
文章插图
以上内容就是怎样编译less文件的内容啦 ， 希望对你有所帮助哦！
推荐阅读
- 怎样知道大蒜成熟了 如何判断大蒜是否成熟
- Adobe Flash cs5破解版64 / 32位怎样下载安装
- php怎样查询数据库的数据
- 影音先锋下载速度慢卡缓冲长，怎样设置速度快？
- 怎样泡茶，铁观音价格表
- 嫁接蟹爪兰什么时候什么季节怎样接
- 小花椒树怎样修剪
- 我的世界怎样快速收割西瓜
- 在动车上怎样打发时间
- 周迅演绎LESS迅系列新季 用风格诠释经典