欢迎访问 如意编程网!

如意编程网

当前位置: 首页 > 前端技术 > HTML >内容正文

HTML

在原生前端html项目使用less(less自动转化为css文件)

发布时间:2022/11/16 HTML 25 老码农
如意编程网 收集整理的这篇文章主要介绍了 在原生前端html项目使用less(less自动转化为css文件) 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

方法1.使用webstorm自带的less转css设置

(1)打开项目进去webstorm的设置

在原生前端html项目使用less(less自动转化为css文件)

 

(2)进入File Watcher设置  ==>  点击新增

在原生前端html项目使用less(less自动转化为css文件)

 

在原生前端html项目使用less(less自动转化为css文件)

 

选择less

在原生前端html项目使用less(less自动转化为css文件)

点击确定

在原生前端html项目使用less(less自动转化为css文件)

 

(3)这个时候在项目的css文件夹创建less文件,保存的时候会自动转化一个新的独立的同名css文件,html文件调用直接使用css后缀文件

 

在原生前端html项目使用less(less自动转化为css文件)

 

 

 在原生前端html项目使用less(less自动转化为css文件)

 

在原生前端html项目使用less(less自动转化为css文件)

 

 (4)样式生效

 在原生前端html项目使用less(less自动转化为css文件)

 

 

 

 

方法2.考拉应用(http://koala-app.com/)

此方法还没有使用,后续会更新

在原生前端html项目使用less(less自动转化为css文件)

 

总结

以上是如意编程网为你收集整理的在原生前端html项目使用less(less自动转化为css文件)的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得如意编程网网站内容还不错,欢迎将如意编程网推荐给好友。