概要
djnagoで開発することがあり、拡張機能をインストールしたが設定も変更しないといけなかったので記載しておく。
拡張機能
django
Baptiste Darthenayさん?も公式のコミュニティーに貢献している人らしいのでこちらが良さそう(インストール数も多い)
この拡張機能だとhtmlの補完がなくなると思っている人もいるがそんなこともない。
Django - Visual Studio Marketplace
Extension for Visual Studio Code - Beautiful syntax and scoped snippets for perfectionists with deadlines
Auto Rename Tag
htmlタグのを一方のタグを変更するともう一方のタグも変更してくれるやつ
Auto Rename Tag - Visual Studio Marketplace
Extension for Visual Studio Code - Auto rename paired HTML/XML tag
Black Formatter
こちらを参考に
VS Codeの設定
django拡張機能のサイトにも書かれている通りhtmlのエメットを登録する必要がある。
VS Codeの設定画面で
Emmet: Include Languages
を検索
項目 | 値 |
django-html | jtml |
を追加

一応.htmlの時にDjango HTMLになっているか確認

.vscode/settings.json
直接追記してもよい。
"emmet.includeLanguages": {
"django-html": "html",
},
おわり
djangoなどの拡張機能だとhtmlの補完が効かないのでDjaneiro – Django Snippetsを使用する人が多いみたいだが更新が止まっているのでhtmlは本来の補完に任せてdjangoの補完を拡張機能で補う形よいと感じる。
コメント