見出し画像

備忘録: VSCode Better Jinjaの設定

HTMLの補完機能を保持しつつ、Better Jinjaの構文ハイライトも利用できるように、両方の機能を併用する設定の方法

プロジェクトフォルダ/.vscode/settings.json に

{
  "files.associations": {
    "*.html": "jinja-html",  // HTML ファイルを jinja-html として扱う
    "*.jinja": "jinja-html"  // Jinja ファイルも jinja-html として扱う
  },
  "emmet.includeLanguages": {
    "jinja-html": "html"  // jinja-html ファイルでも Emmet の補完を有効にする
  },
  "[jinja-html]": {
    "editor.formatOnSave": false  // 必要ならフォーマットの設定もここで調整
  }
}

を記述する

jinjaのコードを補完してくれるいい感じの拡張機能ないかな…

いいなと思ったら応援しよう!

コメント

1
りょーん
りょーん

勉強になります。

ログイン または 会員登録 するとコメントできます。
学生 趣味はプログラミングなどパソコンいじることと、トランペット 主にPython、他にはJava、Javascript。Linux、MySQL、AWSも勉強中。 資格はiパス、FE、AP, SC取得。 https://www.kuwaharu.com
備忘録: VSCode Better Jinjaの設定|kuwaharu
word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word

mmMwWLliI0fiflO&1
mmMwWLliI0fiflO&1
mmMwWLliI0fiflO&1
mmMwWLliI0fiflO&1
mmMwWLliI0fiflO&1
mmMwWLliI0fiflO&1
mmMwWLliI0fiflO&1