NeovimでReactのエラー箇所を開くように設定する

この記事はVim駅伝の2024-07-01向け記事です

Visual Studio Code x Reactすごい

Visual Studio CodeでReact系の開発をやっていると、ブラウザのエラーから直接エディタに飛べるのが便利ですよね。
これをNeovimでもやりたい。

REACT_EDITOR環境変数

REACT_EDITOR環境変数を設定することで、ブラウザのエラーからエディタに飛べます。
Visual Studio Codeの拡張でも、この環境変数を使っているようです。

export REACT_EDITOR=nvim

既存のNeovimインスタンスを使う

Neovimを立ち上げっぱなしにしている人の場合は、既存のNeovimインスタンスを使いたいですよね。
Reactを子プロセスとして動かせば、REACT_EDITOR経由で既存のNeovimインスタンスを使うことができます。

vim.env.REACT_EDITOR = table.concat({ vim.v.progpath, "--server", vim.v.servername, "--remote" }, " ")

こうして、たとえば

:terminal npm start

のように子プロセスとして動かすと、ブラウザのエラー箇所がこのNeovimインスタンスで開かれます。