首页 > 其他 > 详细

less安装的艰难之旅

时间:2020-12-04 14:39:40      阅读:29      评论:0      收藏:0      [点我收藏+]

  1.要在node环境下,首先要安装node

技术分享图片   

  2. 安装全局安装less

技术分享图片

  3. 查看less的版本

技术分享图片

  4.vscode中安装easyless

  错误的安装,,自己粗心大意没注意,浪费了挺长时间,是个教训

技术分享图片

  正确的安装

技术分享图片

  5.接下来就可以在settings.json中修改配置文件了

  先找到settings.json

技术分享图片

  6.进行配置

技术分享图片

  

  // 配置less
  "less.compile": {
    "compress": false,//是否压缩
    "sourceMap": false,//是否生成map文件,有了这个可以在调试台看到less行数
    "out": "../\\css\\", // 在当前问津的上一层文件中找到css文件夹,在根据less名字
    "outExt": ".css", // 输出文件的后缀
    }

  7.这样就基本完成了,在手动保存less文件的时候,会自动在css文件的下面出现对应的css文件

技术分享图片

  8.手动保存设置

技术分享图片

less安装的艰难之旅

原文:https://www.cnblogs.com/xxxccczzz/p/14084941.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!