Atomでjsxを扱う時に設定すると便利なやつ


概要

Atomで .jsxのファイルを開くと、標準だとJavaScriptスニペットとして扱ってくれないのでメモ

インストールするもの

  • react(atomのパッケージ)
  • emmet(jsx記述でもHTML保管してくれる)

手順

1.ターミナルで

apm install emmet

2.Atomのkeymapファイルに

'atom-text-editor[data-grammar="source js jsx"]':
  'tab': 'emmet:expand-abbreviation-with-tab'

Atom -> Keymapを選択するとkeymap.csonというファイルが開く

3.Atomにて、 reactパッケージをインストール

あぁ、最高