---
# System prepended metadata

title: 樣板字面值技巧：VSCode 搭配 Emmet 撰寫 HTML 結構

---

# 樣板字面值技巧：VSCode 搭配 Emmet 撰寫 HTML 結構

1.點選左下角的齒輪(管理)
![](https://i.imgur.com/5vMnA7A.jpg)


2.列表跳出後，找到設定(Setting)
![](https://i.imgur.com/Kz11vOo.jpg)


3.在設定介面的右上方
![](https://i.imgur.com/1P7aC71.jpg)


4.開啟設定Json檔(open setting Json)
![](https://i.imgur.com/Xp47m3O.jpg)


5.接著跳出Setting.json檔案後
![](https://i.imgur.com/Y5RKKYV.jpg)


6.再貼上以下的設定文檔即可
※VSCode設定文檔:

"emmet.triggerExpansionOnTab": true,
"emmet.includeLanguages": {
    "javascript": "javascriptreact",
    "vue-html": "html",
    "plaintext": "jade"
},