本教程操作环境：windows7系统、less2.6.0&&chrome76.0&&css3版本，该方法适用于所有品牌电脑。
推荐：《css视频教程》
less.js输出css怎么查看？
查看less.js输出css代码的步骤：
1、首先我们新建一个html文档，并引入less.js和main.less文件
index.html
<!doctype html><html><head> <meta charset="utf-8"> <title>document</title> <link rel="stylesheet/less" href="main.less"></head><body> <div class="app">app</div> <script src="less.min.js"></script></body></html>
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怎么查看的详细内容。