# Visual Studio CodeのEmmetのlang属性をjaに変更する方法
URL: https://webrandum.net/vscode-emmet-lang-ja/
公開日: 2019-11-05
更新日: 2019-11-04
カテゴリー: 作業効率化
タグ: Emmet, Visual Studio Code
出典: Webrandum（著者: サイトウ マサカズ）
Visual Studio CodeではEmmetがデフォルトでインストールされていて、言語モードがHTMLの状態で`!`と入力してtabを押すと下記のようにHTMLに必要な最低限のコードが展開されます。
```
Document
```
非常に便利なのですが、`lang="en"`になってしまっているので、これを毎回`lang="ja"`に変える手間がかかります。
手間といっても一瞬で終わることなので別にいいかもしれませんが、変え忘れる可能性がありますし、モヤッとします。
## setting.jsonで設定を変える
ネット上を見てみると、ユーザースニペットを使う方法で解決している人が結構います。
しかし、ユーザースニペットはあくまで別のスニペットを追加しているだけなので根本的な解決になりませんし、`!`が使えません（正確には、`!`も使えるのですが`en`用と`ja`用の2種類の展開が混在することになってしまいます）。
今回使う方法は`setting.json`からEmmetの変数を変える方法です。
まずはVisual Studio Codeの［Code］→［基本設定］→［設定］へ行って［拡張機能］→［Emmet］へ移動します。
「setting.json で編集」というリンクがあるはずなので、それをクリックして`setting.json`を開きます。
あとは下記のコードを追加するだけです。
```
"emmet.variables": {
"lang": "ja"
},
```
追加したら保存して、改めて`!`を展開してみるとちゃんと`lang="ja"`で展開されました。
小さなことですが、余計な手間が減るだけでかなり快適になります。
特にコーディング作業は他にもっと注意したり意識するべきことがあるはずなので、余計なところで頭のリソースを取られないようにしたいですね。