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

前言

接下來是關於在 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

參考文獻

Liker 讚賞 (拍手)

如果這一篇筆記文章對你有幫助,希望可以求點支持或 牡蠣 鼓勵 (ノД`)・゜・。

Liker 是一個按讚(拍手)的讚賞機制,每一篇文章最多可以按五下(拍手),按讚過程你是完全不用付費的(除非你想要每個月贊助我 :D),你只需要登入帳號就可以開始按讚。
而 Liker 會依據按讚數量分配獎金給創作者,所以如果你願意按個讚我會非常感謝你唷。

Google AD

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