less sass VScode外掛程式推薦

header header div

less與scss（sass的公升級版，主要搞css的）差不多。這裡只簡單的寫下，讓還沒有了解過這方面的小夥伴們體驗下魅力，當然還可以使用混合的寫法，這個可以減少**量，less與scss就有區別了。說多了。。。。

header
}

stylus是來自nodejs社群，功能就比較強大了，可以支援多種語法及格式，比如sass、less、scss的格式都支援，並且還可以混合在一起寫，只能說??，這裡就不演示了，有興趣的小夥伴可以詳細的學習。

我在這裡就不推薦小夥伴先學習什麼了，我可以說下less與scss的各自好處

less可以引入less.js檔案進行編譯成css，也可以使用***要將的vscode中的外掛程式。

scss最早也是最成熟的css預處理器。需要安裝compass工具庫、ruby（mac電腦自帶），如果只是了解的話可以使用vscode中的外掛程式下面有說的。

這個外掛程式包含了sass、less、ts等等的自動編譯成css、js檔案。只要ctrl+s就可以自動生成css檔案。預設是在dist資料夾下，有兩個css檔案乙個壓縮的的乙個是未壓縮的。

這個是乙個sass與scss**高亮顯示的外掛程式，就是讓本來是全白的文字顏色變成了不是全白的了。