一.安装设置autoprefixer
1.搜索autoprefixer 安装
![](https://i-blog.csdnimg.cn/blog_migrate/e8549ed4822726d1ccb43edc9a2f134e.png)
2.点击该插件,设置当前插件
![](https://i-blog.csdnimg.cn/blog_migrate/0fa29ee0c8f861105696cca25c4f459d.png)
3.找到settings.json进行编辑并添加如下内容
"autoprefixer.options": {
"browsers": [
"ie >= 6",
"firefox >= 8",
"chrome >= 24",
"Opera >= 10",
"last 2 versions",
"> 5%"
]}
二.使用
在less/scss/css页面,使用ctrl+shift+p快捷键,选择autoprefixer即可自动全部添加。
![](https://i-blog.csdnimg.cn/blog_migrate/6f784f3b169ab4b41c7ae3a69b205f0c.png)
也可自行绑定相关快捷方式。
真的方便多了 ,还有它的官网,支持线上直接转换
https://autoprefixer.github.io/
![](https://i-blog.csdnimg.cn/blog_migrate/bc928a8312f0691b181cce7a63396d27.png)
要注意兼容选择
![](https://i-blog.csdnimg.cn/blog_migrate/2d0543dfdfdc8e40c8108662b829a09e.png)
> 0.1%, last 2 versions, ie 9-11