标签：文件 less VSCode EasyLess json 使用 安装 css

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文件

 

标签：文件,less,VSCode,EasyLess,json,使用,安装,css
来源： https://www.cnblogs.com/easonkkkk/p/15929367.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。