微信小程序開發使用less預處理器（vscode）

1、我們要知道css預處理器less、sass的語法瀏覽器和微信瀏覽器都不不會識別的。

2、css預處理器，是為了方便我們編寫css樣式，編寫之后用過工具打包為css樣式（比如 webpack，gulp等）

3、例如：我們使用的react、vue框架都使用的打包工具都是webpack，webpack在打包時會幫我們處理 less、sass文件

 

微信小程序中如何使用less

其實說微信小程序中使用less不太嚴謹，我們只是通過使用 vscode 的一個插件 Easy-less ，在我們編寫 less之后，給我們生成對應的 wxss 文件

使用方法如下：

1、在vscode 擴展商城中 搜索 Easy-less 進行安裝

 

 

 2、修改vscode的設置jons文件

（1）打開vscode設置

 

（2）找到vscode的設置json文件打開

 

 

 

 3、添加less.compile

 

 

 

"less.compile": {
        "outExt": ".wxss"
    }

 

4、開始編寫less