一:裝錯了插件
easyless 好像有不少插件。
正確的插件
錯誤的插件
下面這個很惡心,知道為什么惡心嗎?因為,你在配置它的時候,找不到這個插件的名字,也就無法配置!
二:具體方法
這幾天正在B站學習數據可視化的知識,老師用的Vscode,我就也下了一個。看着他寫了一個less文件直接同級目錄下邊就自動出現了一個同名的css文件。根據彈幕,我去下載了一個Easy Less插件,下載完成好了之后,我就新建了一個less文件,但是怎么也成功不了。
CSDN上各類大佬的文章一個也不行,后來經過各方打探,終於在今天上午解決了
第一,在擴展包搜索 less ,找到 easy less
第二,安裝完記得重啟
第三, 文件 > 首選項 > 設置
第四, 在擴展里面找到Easyless點一下 setting.json
第五,在json配置中加入,less.compile(less配置)
"less.compile": {
"compress": false,//是否壓縮
"sourceMap": false,//是否生成map文件,有了這個可以在調試台看到less行數
"out": true, // 是否輸出css文件,false為不輸出,千萬不要是false
"outExt": ".css", // 輸出文件的后綴,小程序可以寫‘wxss‘
}
但是有幾個事情一定要在這幾個步驟之前做:
1.當你看見我這文章的時候,你一定已經瞎操作了一陣了,你也一定在哪個位置找到了setting.json,找到他的位置,刪除。
2.在“文件”里面取消那個該死的“自動保存”,學會使用Ctrl+S保存
然后在進行上面的步驟,建立less文件之后,Ctrl+S,自動生成了。
在這些完成之后,你再設置為“自動保存”,也無所謂了,按一下ctrl+s,就會自動生成了