JavaScript 核心觀念(70) - ES6 章節：Template Literial - 樣板字面值技巧：VSCode 搭配 Emmet 撰寫 HTML 結構

發表於 更新於 分類於

Google AD

撰寫一篇文章其實真的很花時間，如果你願意「關閉 Adblock (廣告阻擋器)」來支持我的話，我會非常感謝你 ヽ(・∀・)ﾉ

Liker 讚賞

這篇文章如果對你有幫助，你可以花 30 秒登入 LikeCoin 並點擊下方拍手按鈕(最多五下)免費支持與牡蠣鼓勵我。
或者你可以請我喝一杯咖啡。

接下來是關於在 VSCode 的 Template Literial 操作。

前言

接下來是關於在 VSCode 的 Template Literial 操作。

樣板字面值技巧：VSCode 搭配 Emmet 撰寫

通常來講我們在開發 HTML 的時候都會搭配 Emmet，因此可能都會輸入一些快捷鍵，例如：ul > li * 3 + tab 就會出現以下：

1
2
3
4
5
<ul>
  <li></li>
  <li></li>
  <li></li>
</ul>

而在 VSCode 中如果要讓 Emmet 在 Template Literial 中一樣有效果的話，那就必須額外做一些調整的，而這邊就不再額外說明，建議可以參考我先前寫的文章就可以了

VSCode 的推薦實用設定

當你設定完畢之後，你就可以輸入以下直接按下 tag 自動展開囉

emmet

參考文獻