默认情况下在浏览器中检查源代码时,显示的是生成的CSS文件的代码所在行数,要将其修改为显示对应的less文件的行数,需要进行如下操作:
点开Easy LESS插件的页面,复制如下这段代码,点开设置-->扩展-->Easy LESS configuration-->在settings.json中编辑。
然后将这段代码复制进去。
compress表示是否压缩代码;sourceMap表示是否生成地图文件(即存放less文件和css文件代码相对应的行数),修改为true;out表示是否生成css文件。修改后会自动生成.css.map文件,在浏览器中查看代码时就能显示less文件对应的行数了。