読者です 読者をやめる 読者になる 読者になる

Yura YuLife

ITエンジニアの覚え書き

AtomでDjangoのテンプレート編集時にEmmetを有効化

Atom django Emmet

AtomのEmmetは、デフォルトでHTML, CSS, Sass/SCSS, LESSの編集時のみ、タブキーで補完ができる設定になっています。

そのため、django-templatesのように、HTML以外のシンタックスでEmmetを利用する場合には別途設定が必要です。

インストール済みパッケージ

HTML (Django)の編集時にEmmetのタブ補完を有効化

  • AtomのメニューのEdit > Open Your Keymapを選択
  • keymap.csonというファイルが開くので、以下の内容を追記
'atom-text-editor[data-grammar="text html django"]:not([mini])':
    'tab': 'emmet:expand-abbreviation-with-tab'

これで、Djangoのテンプレート編集時にもEmmetのタブ補完が有効になります。

参考URL