【VSCode】html以外のファイルでもhtml補完ができる!
はじめに
最近Djangoを触っています、國友です。やっぱりPythonはすばらしい。すごいシンプルな話ですが、解決策に至るまで結構時間がかかったので共有します。
DjangoのテンプレートHTMLを書いていたとき、ふとHTMLのタグの補完がされていないことに気がつきました。言語モードはDjango HTML。せっかくPythonの埋め込みはハイライトされるのに...HTML補完ができない...
言語モードをHTMLに選択しなおすしかないのか...そんなことを思ってました。
いや、でも解決策はあるはず!
そう思いググり続けること1時間、やっと答えにたどり着けました。
環境
- VScode最新版
- 拡張機能:Django(Preview) 一番インストール数が多かったから入れた。
問題点
Django HTMLのシンタックスハイライトは効いてるけどHTMLの補完ができない.... 🥺
解決策
VScodeには補完をするEmmetが入っているので、Emmetに含む言語を追加すれば解決。
settings.jsonに以下を追記する。(Django HTMLの場合)
"emmet.includeLanguages": {
"django-html": "html",
},おわりに
その他にもvue-htmlにhtml,css補完を持たせたりできます。Emmetは上手く使えば爆速コーディングができるらしいです。ググればチートシートとかがでてきます。
実はDjangoの拡張機能のドキュメントにしっかり書いてありました。ちゃんとドキュメントは読むべきですね。 しかし僕のdjango環境ではうまくいきませんでした...なぜだろう...
このissueが解決することを願うのみ。







![Microsoft Power BI [実践] 入門 ―― BI初心者でもすぐできる! リアルタイム分析・可視化の手引きとリファレンス](/assets/img/banner-power-bi.c9bd875.png)
![Microsoft Power Apps ローコード開発[実践]入門――ノンプログラマーにやさしいアプリ開発の手引きとリファレンス](/assets/img/banner-powerplatform-2.213ebee.png)
![Microsoft PowerPlatformローコード開発[活用]入門 ――現場で使える業務アプリのレシピ集](/assets/img/banner-powerplatform-1.a01c0c2.png)


