【VS Code】VS Code+djangoの開発でおすすめの拡張機能と設定

概要

djnagoで開発することがあり、拡張機能をインストールしたが設定も変更しないといけなかったので記載しておく。

拡張機能

django

Baptiste Darthenayさん？も公式のコミュニティーに貢献している人らしいのでこちらが良さそう（インストール数も多い）

この拡張機能だとhtmlの補完がなくなると思っている人もいるがそんなこともない。

Django - Visual Studio Marketplace
Extension for Visual Studio Code - Beautiful syntax and scoped snippets for perfectionists with deadlines
marketplace.visualstudio.com

Auto Rename Tag

htmlタグのを一方のタグを変更するともう一方のタグも変更してくれるやつ

Auto Rename Tag - Visual Studio Marketplace
Extension for Visual Studio Code - Auto rename paired HTML/XML tag
marketplace.visualstudio.com

Black Formatter

こちらを参考に

【VS Code】拡張機能でpythonのフォーマッターであるBlack Formatterを使用してフォーマットする
概要最近blackというものが流行っておりVS Codeでも使用できるようになったので利用する。変更点2023/11/03 VSCodeで勝手に改行される場合や改行されたくない場合に対しての設定も追記拡張機...
im0039kp.jp
2023.01.05

VS Codeの設定

django拡張機能のサイトにも書かれている通りhtmlのエメットを登録する必要がある。

VS Codeの設定画面で

Emmet: Include Languages

を検索

項目値
django-htmljtml

を追加

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

.vscode/settings.json

直接追記してもよい。

    "emmet.includeLanguages": {
        "django-html": "html",
    },

おわり

djangoなどの拡張機能だとhtmlの補完が効かないのでDjaneiro – Django Snippetsを使用する人が多いみたいだが更新が止まっているのでhtmlは本来の補完に任せてdjangoの補完を拡張機能で補う形よいと感じる。

コメント