問題:
使用vsCode編輯器,配置Autoprefixer3.0無法實現自動補全兼容性代碼
解決方法:
將Autoprefixer3.0更換到2.0版本,再將網上沖浪的結果整理了一番,終於找到了解決辦法,並進行以下步驟進行驗證。有一說一,有問題互相探討,勿噴!!!
ps.如果有碼友找到了Autoprefixer3.0版本的解決辦法,歡迎交流
解決步驟:
- 首先搭建node.js環境(度娘一找就有)
- 打開vsCode搜索Autoprofixer,一般默認情況下都是最新版本 ,需要先下載新的版本后再進行更換版本2.2.0(注:更換后一定要記得重新加載!!!)
- 安裝好之后需要到 首選項 > 設置 > 擴展 中找到Autoprefixer 進入 setting.json,設置以下代碼
"autoprefixer.browsers": [ // "last 9 versions", "ie >= 6", //ie6以上 "firefox >= 8", "chrome >= 24", "Opera>=10" ]
- 打開終端(cthl + `),輸入代碼
npm i -D autoprefixer npm i -g autoprefixer
- 關閉vsCode軟件。單機右鍵設置 屬性 > 兼容性 ,選擇 “以管理員身份運行此程序”
- 雙擊打開軟件測試下,選擇css文件,按ctrl+shift+p,然后選擇Autoprefixer,就可以自動補全了