最新----VScode如何簡單輕松使用Less


提前聲明:本文無需使用Node.js等工具

第一步,在插件處下載Easy LESS

第二步,在設置中進行配置設置(VScode左上角   文件---->首選項------->設置)

搜索欄中搜索LESS,在插件中找到Easy LESS,進行settings.json中編輯

我們看插件文檔可知進如下配置

    "less.compile": {

        "compress": false, //是否刪除多余的空格,建議 不是准備打包的同志可以先設置為false,便於代碼查看以及維護

        "sourceMap": false, //是否生成源地址文件,一個新的地址文件,小型開發項目可有可無

        "out": "..\\css\\",       // 這里是代表編譯后生成的css文件所放的位置,文件生成地址可以自己定義

    }

 

 將上面代碼粘貼到json文件中

效果如下,刪除了CSS文件空格以及生成源地址文件。

完成以上操作后,編譯保存Less時,就會生成css文件了。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM