render_fieldが反映されない原因
何度かはまった部分なので、忘れないようにメモ。
Djangoを使っていると、inputタグにrender_fieldを使う事があるが、タグが生成されないでハマる事があります。
私は特にReactのライブラリを利用する際にコードフォーマッタとしてPrettierを使うと便利なので、この拡張機能を使っています。
しかしこの拡張機能を使うと、pythonコードを保存した際に以下のようにrender_fieldが改行されてしまい、render_fieldが機能しないようだ。
{% render_field form.login class="border w-full p-2 rounded bg-gray-50
focus:bg-white" placeholder="mail@example.com" %}画面分割などをして作業を行っていた場合、コード保存時、勝手に右端で改行されてしまう。
それを防ぐためにはVSCODEの拡張機能Prettierを無効にする必要がある。
render_fieldを表示させるためには、改行させることなく以下のように記述する必要あり。
{% render_field form.login class="border w-full p-2 rounded bg-gray-50 focus:bg-white" placeholder="mail@example.com" %}拡張機能のPrettierはすごく便利なんだけどね～。
VSCODE拡張機能「Prettier」
サポートしている型式：
- JavaScript
- JSX
- Flow
- TypeScript
- JSON
- HTML
- Vue
- Angular
- Ember / Handlebars
- CSS
- Less
- SCSS
- styled-components 💅
- styled-jsx
- GraphQL
- Markdown
- YAML
