在靜態html中使用scss和less

sass：

1、vscode安裝兩個插件：

 

 2、寫好scss后，點擊

 

 3、直接引入轉好的css文件就可以了

 

less：

1、下載插件

 

2、settings.json中添加設置

  "less.compile": {
    "compress": false,//是否壓縮
    "sourceMap": false,//是否生成map文件，有了這個可以在調試台看到less行數
    "out": true, // 是否輸出css文件，false為不輸出
    "outExt": ".css", // 輸出文件的后綴
  },

 

3、保存的時候會自動生成一個同名css文件