EmacsでTypeScript/React開発する2023 - たごもりすメモ
世間に死ぬほど色々な方法があるのはわかっているがとにかくまっさらな状態から最短手順でEmacsでJSX/TSXが書けるようになりたい! という話。VSCodeとかそういう話には目を背ける。 tsxファイルはweb-modeで起動するようにすればシンタックスハイライトとインデントはうまくいくので、あとはlspを起動するようにすれば快適です！— つかもとたけし (@itometeam) 2023年1月23日 自分で調べつつ試行錯誤したんだけど、最終的にはこのtweetで教えてもらった通りになった。メジャーモードとしてweb-modeを使いつつflycheckとLSPで開発支援。 macOSにインストールしたEmacs*1、およびMELPAにあるパッケージだけで、以下のようになった。 (require 'web-mode) (add-to-list 'auto-mode-alist '("\\.
emacsのReactの開発をrjsx-modeで行う – joppot
English 日本語 概要 みなさんこんにちはcandleです。 今回はemacsのreact開発用のメージャーモードのrjsx-modeを導入してみたいと思います。 Reactの開発はこれまで、web-modeまたはjs2-modeのjs2-jsx-modeを使うなどの方法がemacsユーザー間で試行錯誤されてきました。 私も、rjsx-modeの前はjs2-jsx-modeを使っていました。 rjsx-modeはjs2-modeを拡張したものなので、js2-modeの方も違和感なく使えるでしょう。 rjsx-modeはJSXの補完があったり便利です。 前提 emacsがある melpaまたはel-getの環境がある rjsx-modeのインストール rjsx-modeのインストールはmelpaかel-getでできます。 私はel-getを使っていますが、どちらも簡単に説明します。 m
Emacs で React の jsx を js2-mode で書けるようになってたメモ - 牌語備忘録 -pygo
いつのまにか js2-mode に js2-jsx-mode なるものが追加されてた。 なぜかweb-mode で jsx を書くのに抵抗あったのでこっち使ってみることにした。 すでに js2-mode と flycheck (eslint)をインストール＆設定してれば、下記設定するだけで React の jsx を書ける環境になるっぽい。 (add-to-list 'auto-mode-alist '("\\.jsx\\'" . js2-jsx-mode)) (flycheck-add-mode 'javascript-eslint 'js2-jsx-mode) (add-hook 'js2-jsx-mode-hook 'flycheck-mode) よさげ 参考 https://github.com/mooz/js2-mode/
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - felipeochoa/rjsx-mode: A JSX major mode for Emacs
js2-jsx-mode attribute indentation · Issue #291 · mooz/js2-mode
