1. 程式人生 > 實用技巧 >vsCode配置自動補全css相容性程式碼 ,解決 Autoprefixer 3.0無效

vsCode配置自動補全css相容性程式碼 ,解決 Autoprefixer 3.0無效

問題:

使用vsCode編輯器,配置Autoprefixer3.0無法實現自動補全相容性程式碼

解決方法:

將Autoprefixer3.0更換到2.0版本,再將網上衝浪的結果整理了一番,終於找到了解決辦法,並進行以下步驟進行驗證。有一說一,有問題互相探討,勿噴!!!
ps.如果有碼友找到了Autoprefixer3.0版本的解決辦法,歡迎交流

解決步驟:
  1. 首先搭建node.js環境(度娘一找就有)
  2. 開啟vsCode搜尋Autoprofixer,一般預設情況下都是最新版本 ,需要先下載新的版本後再進行更換版本2.2.0(注:更換後一定要記得重新載入!!!)
  3. 安裝好之後需要到 首選項 > 設定 > 擴充套件 中找到Autoprefixer 進入 setting.json,設定以下程式碼
"autoprefixer.browsers": [
        // "last 9 versions", 
        "ie >= 6",  //ie6以上
        "firefox >= 8",
        "chrome >= 24",
        "Opera>=10"
    ]

  1. 開啟終端(cthl + `),輸入程式碼
npm i -D autoprefixer
npm i -g autoprefixer

  

    1. 關閉vsCode軟體。單機右鍵設定 屬性 > 相容性 ,選擇 “以管理員身份執行此程式”
    2. 雙擊開啟軟體測試下,選擇css檔案,按ctrl+shift+p,然後選擇Autoprefixer,就可以自動補全了