less.js输出css如何查看-创新互联

小编给大家分享一下less.js输出css如何查看，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

10年积累的网站设计制作、成都网站设计经验，可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你，你也不认识我。但先网站制作后付款的网站建设流程，更有花垣免费网站建设让你可以放心的选择与我们合作。

less.js输出css的查看方法：首先新建一个HTML文档，并引入less.js和main.less文件；然后打开浏览器进行访问；最后按F12打开【开发者工具】，并选取对应的DOM元素即可在右侧看见编译后的css代码。

less.js输出css怎么查看？

查看less.js输出css代码的步骤：

1、首先我们新建一个HTML文档，并引入less.js和main.less文件

index.html




    
    Document
    


    app

main.less

@width: 100px;
@height: 200px;
.app{
    width: @width;
    height: @height;
    background: skyblue;
}

注：link标签的rel属性，改成stylesheet/less

2、然后打开浏览器进行访问，按F12打开开发者工具，选取对应的DOM元素，即可在右侧看见编译后的css代码

less.js输出css如何查看

注：需要将index.html、main.less、less.js文件放在web服务器中才能运行（我们可以使用相关软件搭建本地web环境，推荐phpStudy V8）

以上是“less.js输出css如何查看”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！

文章名称：less.js输出css如何查看-创新互联
标题链接：http://www.zjjierui.cn/article/edgps.html

广元网站建设