一、介绍
我们之前进行css编写的时候，选择器使用是否熟练决定了css代码的多少。今天我向大家介绍VScode中一个十分实用的插件EasyLESS，它完全简化了我们css编写时选择器的使用，极大的提高了我们编写效率。
二、配置
1、首先我们需要下载VScode，需要的同学可以留言获取软件，也可以自己进行下载。
2、扩展，ctrl+shift+x打开扩展进行搜索。
3、选择插件进行安装
三、使用
1、原理
配置完成后我们就可以进行使用了，让我慢慢介绍给大家，咱们一起感受EasyLESS给我们的惊喜。我们先建立html文件，再建立一个less文件。当我们进行less文件建立时，同时会生成一个相同名字的css文件。在我们对less文件进行编写时，会自动生成css代码，方便我们快速的进行开发。
我们可以直接在html页面上引入css文件。我们操作less后，会直接生成css代码。
2、使用方法
左侧的less生成右侧的css，这样在进行样式编写的时候我们就可以轻松的找到选择器，并且简单、快速的对其进行编写了。
四、实例
我们来写一个侧边栏动画效果，这里css我们会用插件来帮助完成。
1、html结构
2、less代码及自动生成的css
3、js部分，设置移入移出事件。
五、结语
大家快动手试一试吧，这一个好看的侧边栏动画就在Easyless的帮助下快速的完成了。大家如果对动效原理感兴趣，请在下方留言。下期会为大家分享怎么用简单的方法，写出PPT般的动态效果。