Yura YuLife

ITエンジニアの覚え書き。

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