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,就可以自動補全了
      在這里插入圖片描述
      在這里插入圖片描述


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM