ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

介绍一款自动给添加不同浏览器CSS3前缀的插件~Autoprefixer(附其他前端开发插件)

2019-04-04 22:48:41  阅读:309  来源: 互联网

标签:CSS3 PS 插件 浏览器 兼容 Autoprefixer CSS


正文

自动给CSS文件添加不同浏览器的CSS3前缀:Autoprefixer

安装

只需兼容主流浏览器

正常情况使用:(在书写完的CSS样式文件中,按F1,选择Autoprefixer CSS

这时候会添加最新需要兼容的css头(PS:现在基本上只考虑SafariChrome了)

兼容其他浏览器

但是,这往往不是我们需要的,有时候还需要兼容FirefoxOperaIE,那么可以自定义VSCode的配置项:

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

效果演示:

其他插件

最后贴一下我的前端插件:

  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:只支持jsts文件
  8. 语法检测:ESLintjshintHTMLHint
  9. js文档注释:Document ThisCtrl+Alt+D
  10. CSS样式跳转:CSS Peek
  11. Vue框架智能提示:Vetur
  12. 缩写补全:JavaScript (ES6) code snippets
  13. 格式化插件:Beautify
  14. 文件版权声明:vscode-fileheader ctrl+alt+i

标签:CSS3,PS,插件,浏览器,兼容,Autoprefixer,CSS
来源: https://www.cnblogs.com/dotnetcrazy/p/10657394.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有