VScode設(shè)置中文

打開vscode ，按快捷鍵“Ctrl+Shift+P”

創(chuàng)新互聯(lián)建站始終堅持【策劃先行，效果至上】的經(jīng)營理念，通過多達十載累計超上千家客戶的網(wǎng)站建設(shè)總結(jié)了一套系統(tǒng)有效的全網(wǎng)營銷解決方案，現(xiàn)已廣泛運用于各行各業(yè)的客戶，其中包括：成都高空作業(yè)車租賃等企業(yè)，備受客戶表揚。

輸入configure language，回車

選擇安裝其他語言 （默認是英文的）

選擇簡體中安裝（熒光筆標注的地方）

按提示重啟

右下角會有安裝成功提示，會有重啟(restart)提示

按提示重啟。

下載Live Sass編譯器

源碼地址：https://github.com/ritwickdey/vscode-live-sass-compiler/

現(xiàn)在3.0.0版本已不再維護，建議下載更高版本

源碼地址：https://github.com/glenn2223/vscode-live-sass-compiler/

編譯配置

也可以點這里切換到源碼視圖

附參考配置

{
  "liveSassCompile.settings.formats": [
  
    {
      /*
        :nested – 嵌套格式
        :expanded – 展開格式
        :compact – 緊湊格式
        :compressed – 壓縮格式
      */
      "format": "compact", // 可定制的出口CSS樣式（expanded，compact，compressed，nested）
      "extensionName": ".css",
      "savePath": "~/../css"   // 為null 表示當前目錄
    }
  ],
  /* 排除目錄 */
  "liveSassCompile.settings.excludeList": [
    "/**/node_modules/**",
    "/.vscode/**"
  ],
  /* 是否生成對應(yīng)的map */
  "liveSassCompile.settings.generateMap": true,
  /* 是否添加兼容前綴 例如：-webkit- -moz- ...等 */
  "liveSassCompile.settings.autoprefix": [
    "> 1%",
    "last 2 versions"
  ],
  "explorer.confirmDelete": false
}