一、介紹
我們之前進行css編寫的時候，選擇器使用是否熟練決定了css程式碼的多少。今天我向大家介紹VScode中一個十分實用的外掛 Easy LESS，它完全簡化了我們css編寫時選擇器的使用，極大的提高了我們編寫效率。
二、配置
1、首先我們需要下載VScode，需要的同學可以留言獲取軟體，也可以自己進行下載。
2、擴充套件， ctrl + shift + x 開啟擴充套件進行搜尋。
3、選擇外掛進行安裝
三、使用
1、原理
配置完成後我們就可以進行使用了，讓我慢慢介紹給大家，咱們一起感受Easy LESS給我們的驚喜。我們先建立html檔案，再建立一個less檔案。當我們進行less檔案建立時，同時會生成一個相同名字的css檔案。在我們對less檔案進行編寫時，會自動生成css程式碼，方便我們快速的進行開發。
我們可以直接在html頁面上引入css檔案。我們操作less後，會直接生成css程式碼。
2、使用方法
左側的less生成右側的css，這樣在進行樣式編寫的時候我們就可以輕鬆的找到選擇器，並且簡單、快速的對其進行編寫了。
四、例項
我們來寫一個側邊欄動畫效果，這裡css我們會用外掛來幫助完成。
1、html結構
2、less程式碼及自動生成的css
3、js部分，設定移入移出事件。
五、結語
大家快動手試一試吧，這一個好看的側邊欄動畫就在Easy less的幫助下快速的完成了。大家如果對動效原理感興趣，請在下方留言。下期會為大家分享怎麼用簡單的方法，寫出PPT般的動態效果。
