詳解VScode自動(dòng)補(bǔ)全CSS3前綴插件以及配置無效的解決辦法
更新時(shí)間：2020年06月09日 08:38:48 作者：歡樂程序小姐姐
這篇文章主要介紹了詳解VScode自動(dòng)補(bǔ)全CSS3前綴插件以及配置無效的解決辦法，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
1.在vscode中搜索Autoprofixer
2.在安裝完成之后要配置
在需要添加前綴的css文件上，右鍵點(diǎn)擊命令面板，輸入Autoprefixer CSS就好啦
ps: 如果想要兼容性最好的話，需要在設(shè)置配置文件setting.json里加上
(打開設(shè)置->搜索autoprefixer->點(diǎn)擊在setting.json里編輯)
//這是比較完整的兼容配置，可以根據(jù)自己的情況有選擇的復(fù)制
"autoprefixer.browsers": [
"last 3 versions",
"ie >= 10",
"ie_mob >= 10",
"ff >= 30",
"chrome >= 34",
"safari >= 6",
"ios >= 6",
"android >= 4.4"
],
3.在要補(bǔ)全的CSS文件中ctrl+shift+p，然后選擇Autoprofixer，這樣就可以自動(dòng)補(bǔ)全啦。
但是我發(fā)現(xiàn)了一個(gè)問題，在autoprefixer3.0.0版本下autoprefixer.browsers是暗色的，也就是無效，提示沒有相關(guān)配置，如圖
在2.0.0版本下就可以
到此這篇關(guān)于詳解VScode自動(dòng)補(bǔ)全CSS3前綴插件以及配置無效的解決辦法的文章就介紹到這了,更多相關(guān)VScode自動(dòng)補(bǔ)全CSS3前綴內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
您可能感興趣的文章:
- Javascript獲取CSS偽元素屬性的實(shí)現(xiàn)代碼
- jQuery修改CSS偽元素屬性的方法
- django創(chuàng)建css文件夾的具體方法
- Vue實(shí)現(xiàn)Tab標(biāo)簽路由效果并用Animate.css做轉(zhuǎn)場動(dòng)畫效果的代碼
- Vue3新特性之在Composition API中使用CSS Modules
- javascript+css實(shí)現(xiàn)俄羅斯方塊小游戲
- js+css實(shí)現(xiàn)全屏側(cè)邊欄
- jQuery+css實(shí)現(xiàn)的點(diǎn)擊圖片放大縮小預(yù)覽功能示例【圖片預(yù)覽 查看大圖】
- 詳解CSS偽元素的妙用單標(biāo)簽之美
相關(guān)文章
國內(nèi)環(huán)境搭建私有知識問答庫踩坑記錄(ollama+deepseek+ragflow)
本文給大家利用deepseek模型搭建私有知識問答庫的詳細(xì)步驟和遇到的問題及解決辦法,感興趣的朋友一起看看吧2025-03-03
這篇文章主要為大家詳細(xì)介紹了WebStorm 11.0.4安裝圖文教程，文中安裝步驟介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-09-09
這篇文章主要介紹了VS2019中scanf返回值被忽略的問題及其解決方法，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-04-04
使用postman進(jìn)行接口測試的方法(測試用戶管理模塊)
這篇文章主要介紹了使用postman進(jìn)行接口測試的方法(測試用戶管理模塊)，本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友參考下吧2021-01-01
Notepad++文本比較插件Compare詳解(最新免費(fèi))
Notepad++是一款強(qiáng)大的文本編輯器，它提供了文件對比功能，可以幫助我們快速找出兩個(gè)文件之間的差異點(diǎn)，這篇文章主要介紹了Notepad++文本比較插件Compare詳解(最新免費(fèi))，感興趣的朋友一起看看吧2024-01-01
Burpsuite模塊之Burpsuite Intruder模塊詳解
Burp Intruder主要有四個(gè)模塊組成，本文針對每一模塊給大家詳細(xì)介紹，對Burpsuite Intruder模塊相關(guān)知識感興趣的朋友一起看看吧2021-09-09
這篇文章主要介紹了IDEA最新激活碼永久激活教程附激活失敗原因匯總,需要的朋友可以參考下2020-11-11
這篇文章主要介紹了鴻蒙中Axios數(shù)據(jù)請求的封裝和配置方法,本文給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2025-04-04
這篇文章主要為大家介紹了微信小程序開發(fā)工具及基本的使用，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步早日升職加薪2022-04-04
深度卷積神經(jīng)網(wǎng)絡(luò)各種改進(jìn)結(jié)構(gòu)塊匯總
這篇文章主要為大家介紹了深度卷積神經(jīng)網(wǎng)絡(luò)各種改進(jìn)結(jié)構(gòu)塊匯總，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-05-05