很多小伙伴可能閱讀過小編的這篇文章：強(qiáng)大的文本編輯器：VSCode介紹（沒讀過也不要緊，現(xiàn)在讀也來得及），對VSCode有了想法，今天小編就來告訴各位小伙伴小編是怎么用VSCode編寫HTML的吧。
閱前須知
VSCode提供中文支持，但這需要安裝插件來實(shí)現(xiàn)，可以參考這篇文章來進(jìn)行漢化配置。
新建文件/文件夾
這一步小編通常不用VSCode來做，通常使用操作系統(tǒng)直接新建（VSCode頁面沒有直接新建文件夾的功能，只有在文件夾中才能新建文件夾，當(dāng)然如果使用一些插件比如maven或者git 的克隆存儲庫也可以新建文件夾）。
VSCode在新建文件的時候要指定后綴名，HTML需要指定?.hmtl?后綴，css需要指定 ?.css?后綴。
代碼自動補(bǔ)全
VSCode提供了代碼補(bǔ)全功能，包括但不限于html，css，js等編程語言的代碼補(bǔ)全。如下圖所示，在還沒完全輸入代碼的時候編輯器會給出可能的選項，點(diǎn)擊對應(yīng)的選項可以生成完整的對應(yīng)標(biāo)簽或結(jié)構(gòu)。
分頁
VSCode提供了分頁的功能，可以在編輯器內(nèi)打開兩個文件，這樣方便了html與css的調(diào)試（方便css根據(jù)HTML結(jié)構(gòu)定制選擇器）。
emmet插件支持
VSCode提供了emmet插件的內(nèi)置支持，可以通過小編的這篇文章進(jìn)行了解：VSCode插件推薦-html快速生成插件-emmet。
更多好用的插件
小編整理了一些前端開發(fā)可以用得到的插件，讀者可以按需取用：
VSCode插件推薦-html實(shí)時加載插件-live server
VSCode插件推薦-VSCode內(nèi)嵌瀏覽器插件-Browser Preview
小結(jié)
以上就是小編整理的VSCode怎么編寫HTML代碼的文章內(nèi)容，更多優(yōu)質(zhì)前端課程資源，盡在W3C前端微課。
