VSCode 樣板字面值使用 emmet

發表於 更新於 分類於
於設定檔 settings.json 中設定 emmet，解決無法在 JavaScript 使用 emmet 的困擾。

步驟

  1. VSCode 左下角 : 齒輪 → 設定 Settings → 點擊右上方 「 Open Settings (JSON) 」 會開啟 settings.json 檔，把下方程式碼貼入。
    1. 進入 Settings 會有「 User 與 Workspace 」兩個選項，分別為 「 全域與當前工作區 」，選定要哪個模式後再點擊 「 Open Settings (JSON) 」，貼入下方程式碼。 VSCode 樣板字面值使用 emmet_0.jpg
    2. settings.json 檔內為完整 VSCode 設定。
      1
      2
      3
      4
      5
      6
      7
      8
      {
      	"emmet.triggerExpansionOnTab": true,
      	"emmet.includeLanguages": {
      		"javascript": "javascriptreact",
      		"vue-html": "html",
      		"plaintext": "jade"
      	},
      }

資訊來源