vue-cli ui で git が使えるプラグインを作っている話

vue-cli ui

vue-cli には v3 から ui というプラグインがついていて、ブラウザから vue の操作ができる。

プロジェクトを作成したり、プラグインをインストールしたり、npm script を走らせたり、基本的にあらゆることが GUI でできるようになる。

ただ、vue-cli は v3 がリリースされたが、ui はまだベータ。バグっていたり機能が足りなかったりする。

vue-cli-plugin-git

vue-cli ui に git の gui を提供するプラグイン

npm にはまだリリースしてない。

いまのところは全く使い物にならないが、イメージとしてはこういう感じ。最終的には pull から push までブラウザでできるようにしたい

Image from Gyazo

実装

ui.js 側で isomorphic-git を叩いている。

変更検知をサボっていて、操作の度に git を叩いて全部読み直すので、非常に遅い。

commit するまでは git を叩かずに記録だけして、commit でまとめて git を叩くとかしたほうが良い

その他

ui ですべてを完結するために必要そうな物たち