---
# System prepended metadata

title: Visual Studio Code Emmet "!" で HTMLの雛形を作成する　2021-05-11
tags: [Visual Studio Code, 雛形, HTML, '!', Emmet]

---

---
lang: ja-jp
breaks: true
---
# Visual Studio Code Emmet "!" で HTMLの雛形を作成する　2021-05-11

## 日本語設定
設定＞ユーザ＞拡張機能＞Emmet

![](https://i.imgur.com/VUnMxot.png)

または、以下を追加
```json=
    "emmet.variables": {
        "lang": "ja",
        "charset": "UTF-8"
    },
```

## HTMLファイルを作成し、"!"を押す

![](https://i.imgur.com/vpCMo3F.png)


###### tags: `Visual Studio Code` `HTML` `Emmet` `雛形` `!`
