正文
自动给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