在进行前端开发过程中,很多朋友都会使用到less。那么,电脑中如何编译less文件呢?为了帮助大家更好地使用电脑,今天系统城小编就来教教大家怎样编译less文件。有需要的朋友们,可以一起往下看看!
具体如下:
1、先在hbuilder里面新建一个web项目,如图所示,我新建了一个叫less的项目。
2、新建web项目操作步骤如图所示。
3、如图,然后我们在web项目下的css文件夹上单击鼠标右键,然后“新建”。
4、如图,选择less文件类型即可。
5、给less文件起一个名称,名称自定义。
6、接着写上less代码,也可以直接把你的less代码复制到这上面,这里我就写一个简单的less来举例。
7、最后选择好less文件,再次单击鼠标右键,然后点击“编译”。
8、接着会弹出一个窗口,我们点击保存类型旁边的下拉选框。
9、如图,把文件类型选择为css即可。
10、接着可以设置编译后css文件的名称,这里我就不修改了,然后点击确定。
11、之后,编译成功,同一个文件夹下就会多出一个css文件,这就是由less文件编译而来的。
12、之后,看看代码,原本的less代码就变成了css代码了,哈哈。
以上就是系统城小编为大家带来的电脑中如何编译less文件教程,有需要的朋友们不妨参考一下!
相关阅读
如何用cmd编译java文件_cmd怎么编译运行java文件图文步骤
电脑中myeclipse编译时提示javascript validator错误如何解决
电脑中Notepad++程序编译后中文显示乱码的解决方法
英文网站如何自动翻译成中文?电脑把英文网站翻译成中文的方法
如何在电脑Chrome浏览器中添加翻译插件
如何编辑reg文件设置无法复制电脑磁盘中的文件
win10系统如何配置gcc编译环境?win10系统配置gcc编译环境的方法
电脑中如何使用百度在线翻译功能
电脑微信翻译功能在哪里设置 微信怎么翻译文字中译英
微信电脑版文件怎么在手机上编辑 手机如何编辑微信电脑版文件
win10系统下myeclipse无法自动编译如何处理
windowsxp系统下eclipse不能自动编译如何处理
如何在电脑IE浏览器中添加自动翻译的功能
电脑中如何打开mov文件
google浏览器如何翻译网页 小编教你使用谷歌浏览器翻译网页
电脑打开程序弹出错误对话框如何快速翻译其中的英文提示
如何编辑pdf文件内容 pdf文档如何修改编辑
电脑中如何打开Chrome浏览器自带的语言翻译功能
pdf文件如何编辑|编辑pdf文件的方法教程
PPT2021怎么设置文件保存格式 操作方法