EasyLess安装使用

EasyLess安装与使用

       由于网上面有很多EasyLess安装使用的答疑解决方法并不详尽，并且有部分已经失效过时，因此在这里我出一期新的，关于EasyLess的安装以及使用

（截止到2022年2月23日）( VSCode Ver: 1.64.2

• 打开Visual Studio Code (VSCode)，进入扩展商店，搜索EasyLess进行安装

 

• 下载安装好EasyLess后打开该插件右下角的设置按钮，点击Extension Settings (扩展设置)

• 而后点击弹窗页面中的Edit in Settings.json

 

• 在json文件中加入以下代码块

• Less转变成的css文件会直接生成到out: 后方的地址中，请到时自行查找

 

在这里我附上代码 (直接复制到Settings.json文件 使用即可)

{

    "less.compile": {

       

        "compress": true, // 是否删除多余空白字符

        "sourceMap": false, // 是否创建文件目录树，true的话会自动生成一个 .css.map 文件

        "out": "${workspaceRoot}\\src\\assets\\css\\", // 输出css文件目录，false为不输出

    }

}

 

• 保存好json后重启VSCode
• 找一个自己的项目，在代码中新建一个文件夹，放置less文件

 

• 当保存好less文件后，对应out的路径中就会生成一个由刚刚保存好的less文件生成的css文件