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代码
注：需要将index.html、main.less、less.js文件放在web服务器中才能运行（我们可以使用相关软件搭建本地web环境，推荐phpStudy V8）
以上是“less.js输出css如何查看”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！
标题名称：less.js输出css如何查看-创新互联
分享网址：http://cdkjz.cn/article/edgps.html
