VSCode HTML:5 がなくなった
![](https://www.sibainu.org/wordpress/wp-content/uploads/2023/08/sibainu20230810top.jpg)
なかなか涼しくならないな、ちょっとへたばった顔をしている柴犬です。
概要
本日、VSCode で HTML を新しく作成しようと VSCode を立ち上げました。
メニューの「ファイル」から「新しいテキストファイル」を実行して、タブ「Untitled-1」の「言語の選択」をクリックして出たリストの中にいつもあった「html:5」が消えてていました。
そして、「HTML」を選択しても、いつも選択すると表示されていた雛型が表示されません。
操作方法が変わってしまったようです。
分かるまで、時間を要しましたので記録することにします。
2023年7月21日現在
言語の選択のリスト
「html:5」が消えています。
![](https://www.sibainu.org/wordpress/wp-content/uploads/2023/08/wp_html20230810-1.jpg)
「HTML」を選択しても何も表示されません。
![](https://www.sibainu.org/wordpress/wp-content/uploads/2023/08/wp_html20230810-2.jpg)
感嘆符「!」を入力すると 「emmet 省略記法」の内容が表示されます。
![](https://www.sibainu.org/wordpress/wp-content/uploads/2023/08/wp_html20230810-3.jpg)
内容が良ければ、「tab」キーを打ち込みます。すると編集エリアに「emmet 省略記法」の内容が表示されます。
![](https://www.sibainu.org/wordpress/wp-content/uploads/2023/08/wp_html20230810-4.jpg)
これまで、編集エリアに選択すると即、表示されていましたが選択制に変わったようです。
lang=”en” を “ja” にする
「settings.json」を編集します。
メニュー「ファイル」 → 「ユーザー設定」 → 「設定」をクリックします。
![](https://www.sibainu.org/wordpress/wp-content/uploads/2023/08/wp_vscode20230810-1.jpg)
タブ「設定」が開きます。
左上の赤枠のところに「emmet.variables」と打ち込みます。
![](https://www.sibainu.org/wordpress/wp-content/uploads/2023/08/wp_vscode20230810-21.jpg)
すると「settings.json」を検索して1つあるとインフォメーションがあります。
![](https://www.sibainu.org/wordpress/wp-content/uploads/2023/08/wp_vscode20230810-32.jpg)
「項目の追加」をクリックします。
すると、1つある項目の内容が表示されます。
この例では「項目 lang」「値 en」を示しています。
![](https://www.sibainu.org/wordpress/wp-content/uploads/2023/08/wp_vscode20230810-33.jpg)
項目を「lang」値を「ja」にしたいので、値「en」「ja」に変更するだけです。
「OK」をクリックします。
![](https://www.sibainu.org/wordpress/wp-content/uploads/2023/08/wp_vscode20230810-34.jpg)
これで終了です。
![](https://www.sibainu.org/wordpress/wp-content/uploads/2023/08/wp_vscode20230810-35.jpg)
確認
変更が反映されているのか確認してみます。
![](https://www.sibainu.org/wordpress/wp-content/uploads/2023/08/wp_html20230810-11-1024x448.jpg)
「lang=”en”」が「lang=”ja”」に変わっています。
![](https://www.sibainu.org/wordpress/wp-content/uploads/2023/08/wp_html20230810-12.jpg)
今日はここまでとします。