VsCode 使用less

1、安裝node.js

        需要到node.js 官網去下載合適的node版本，然後進行安裝，地址https://nodejs.org/zh-cn/

2、安裝less

　　npm install less -g

 

3、安裝VS插件 Easy LESS

 

4、編輯保存.less文件，會在對應的目錄下生成對應的.css文件

 

5.在文件 首選項 設置 中搜索 settings.json 加入 配置相關代碼

{
    "less.compile": {
        "compress": true, // 是否刪除多餘空白字符
        "sourceMap": false, // 是否創建文件目錄樹，true的話會自動生成一個 .css.map 文件
        "out": "less/css", // 輸出css文件目錄，false爲不輸出
        "outExt": ".wxss", // 輸出文件的後綴,默認爲.css
    }
}

如圖這樣配置可以在css目錄下輸出index.less產生的index.css 文件