介绍一款自动给添加不同浏览器CSS3前缀的插件~Autoprefixer(附其他前端开发插件)
正文
自动给CSS文件
添加不同浏览器的CSS3前缀:Autoprefixer
安装
只需兼容主流浏览器
正常情况使用:(在书写完的CSS样式文件中,按F1
,选择Autoprefixer CSS
)
这时候会添加最新需要兼容的css头(PS:现在基本上只考虑Safari
和Chrome
了)
兼容其他浏览器
但是,这往往不是我们需要的,有时候还需要兼容Firefox
、Opera
和IE
,那么可以自定义VSCode的配置项:
// autoprefixer配置
"autoprefixer.browsers": [
"ie >= 6",
"firefox >= 8",
"chrome >= 24",
"Opera>=10"
]
效果演示:
其他插件
最后贴一下我的前端插件:
- JS、CSS压缩:
Minify
- 在谷歌浏览器中调试:
Debugger for Chrome
- 给不同区块的括号上不同的色;
Bracket Pair Colorizer
- 自动给
CSS文件
添加不同浏览器的CSS3前缀:Autoprefixer
- 智能提示CSS与ID:
HTML CSS Support
- 查看语法兼容性:
Can I Use
- PS:搜索html5就能找到
- 实时监测JS输出:
Quokka.js
- PS:只支持
js
和ts
文件
- PS:只支持
- 语法检测:
ESLint
、jshint
、HTMLHint
- js文档注释:
Document This
(Ctrl+Alt+D
) - CSS样式跳转:
CSS Peek
- Vue框架智能提示:
Vetur
- 缩写补全:
JavaScript (ES6) code snippets
- 格式化插件:
Beautify
- 文件版权声明:vscode-fileheader ctrl+alt+i
作者:毒逆天
打赏:18i4JpL6g54yAPAefdtgqwRrZ43YJwAV5z
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· 分享 3 个 .NET 开源的文件压缩处理库,助力快速实现文件压缩解压功能!
· Ollama——大语言模型本地部署的极速利器
· DeepSeek如何颠覆传统软件测试?测试工程师会被淘汰吗?