提前聲明:本文無需使用Node.js等工具
第一步,在插件處下載Easy LESS
第二步,在設置中進行配置設置(VScode左上角 文件---->首選項------->設置)
搜索欄中搜索LESS,在插件中找到Easy LESS,進行settings.json中編輯
我們看插件文檔可知進如下配置
"less.compile": {
"compress": false, //是否刪除多余的空格,建議 不是准備打包的同志可以先設置為false,便於代碼查看以及維護
"sourceMap": false, //是否生成源地址文件,一個新的地址文件,小型開發項目可有可無
"out": "..\\css\\", // 這里是代表編譯后生成的css文件所放的位置,文件生成地址可以自己定義
}
將上面代碼粘貼到json文件中
效果如下,刪除了CSS文件空格以及生成源地址文件。
完成以上操作后,編譯保存Less時,就會生成css文件了。