介绍一款自动给添加不一样浏览器CSS3前缀的插件~Autoprefixer（附其余前端开发插件）

正文

自动给CSS文件添加不一样浏览器的CSS3前缀：Autoprefixercss

安装

只需兼容主流浏览器

正常状况使用：（在书写完的CSS样式文件中，按F1，选择Autoprefixer CSS）html

这时候会添加最新须要兼容的css头（PS：如今基本上只考虑Safari和Chrome了）前端

兼容其余浏览器

可是，这每每不是咱们须要的，有时候还须要兼容Firefox、Opera和IE，那么能够自定义VSCode的配置项：html5

// autoprefixer配置
    "autoprefixer.browsers": [
        "ie >= 6", 
        "firefox >= 8",
        "chrome >= 24",
        "Opera>=10"
    ]

效果演示：
chrome

其余插件

最后贴一下个人前端插件：json

1. JS、CSS压缩：Minify
2. 在谷歌浏览器中调试：Debugger for Chrome
3. 给不一样区块的括号上不一样的色；Bracket Pair Colorizer
4. 自动给CSS文件添加不一样浏览器的CSS3前缀：Autoprefixer
5. 智能提示CSS与ID：HTML CSS Support
6. 查看语法兼容性：Can I Use
   • PS：搜索html5就能找到
7. 实时监测JS输出：Quokka.js
   • PS：只支持js和ts文件
8. 语法检测：ESLint、jshint、HTMLHint
9. js文档注释：Document This（Ctrl+Alt+D）
10. CSS样式跳转：CSS Peek
11. Vue框架智能提示：Vetur
12. 缩写补全：JavaScript (ES6) code snippets
13. 格式化插件：Beautify
14. 文件版权声明：vscode-fileheader ctrl+alt+i