React on emacs - izudon/izudon.github.io GitHub Wiki

JSX を正しくインデントする

ChatGPT からの丸写し。

Emacsは非常に強力なエディタで、多数のパッケージを追加してカスタマイズすること ができます。このパッケージはMELPAと呼ばれるパッケージリポジトリからインストール できます。

まず、Emacsの設定ファイル(.emacsまたはinit.el)に以下の行を追加してMELPAを 設定します。

(require 'package)
(add-to-list 'package-archives
             '("melpa" . "https://melpa.org/packages/"))
(package-initialize)

次に、Emacsを再起動し、以下のコマンドを実行してパッケージリストを更新します:

M-x package-refresh-contents RET

そして、次のコマンドで rjsx-mode パッケージをインストールします:

M-x package-install RET rjsx-mode RET

これで rjsx-mode パッケージがインストールされ、利用可能になります。これ以降 、rjsx-mode RET と打つとモードが変更されるはずです。

.js ファイルを全て rjsx-mode で開くための設定

~/.emacs

(add-to-list 'auto-mode-alist '("\\.js\\'" . rjsx-mode))