前置き
こんにちはこんばんは、はすです。私は最近完璧にメインエディタがvimになってきているわけなんですが、ふと
Live Server的なプラグインvimにもあるのだろうか？
と思い立ち、調べたところありました！
それがbracey.vimというプラグインです。
bracey.vimとはなんぞや？
公式のリポジトリには以下のように書いてありました。
live edit html, css, and javascript in vim
vimでhtml、css、およびjavascriptをライブ編集します
要するにvimでHTMLなどを編集すると自動的にwebページに変更を反映してくれるめちゃ便利なプラグインです。
導入方法
基本的にはこちらに書いてあるので参考にしてください。
ですが、一つ注意点があり、README.mdにはLinuxでの設定方法しか書いていません。MacOSで使う場合は.vimrcに
let g:bracey_browser_command = open
と記述する必要があります。
※Windowsではこういったコマンドが見つかりませんでした。WSLなどを使ってください。もしコマンドを知っている方がいたら教えて下さい
余談
このプラグインはとても便利なプラグインなのでvimmerの方はぜひ使ってみてください。あとこのプラグインREADME.mdにhow it worksということでどうやって動いているかが記載されています。簡単にまとめると
pythonを立ち上げ
↓
pythonがnode.jsサーバーと通信してvim上のすべてのアクション(カーソル移動や、テキスト変更など)をnode.jsのサーバーに送信
という流れみたいです。気になる方はぜひ読んでみてください。