正文
自動給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