開発環境をDockerに乗せるメリット

Question

前提・実現したいこと

docker-composeを使ってnginx上でVueアプリケーションを動かす - Qiita

こちらのサイトを元に
Vue.jsで開発したWebサービス用のdocker-compose.ymlを作成しています。

このサイトでは、
「Vue.js」と「nginx」それぞれのコンテナを作成していますが、
開発環境であるVue.jsのコンテナを作るメリットってあるのでしょうか。

ビルドしたものをnginxに置くので、開発用にしか使えないように思います。
また、DockerではVagrantなどと違い、当たり前のコマンド（viなど）も入っていないため、
開発をDocker上でやるのはとても苦労をするように思います。
なにか他にメリットがあるのでしょうか。

一般的な常識がわからず、皆さんはどうやっているのか気になり投稿しました。
よろしくお願いいたします。

Answer 1

参照にされたページに記載されていますが、ホスト環境を汚したくないと言う目的もあります。
また、ポータビリティ性も高まりますので、開発し、そのまま試験を行う場合も開発担当が変わった場合なども環境構築が楽になります。
統合開発環境が仮想環境に対応しているか否かでも変わりますので、一概に何が良いとも言えませんが、viなどエディタ単体で考えるのであれば、ホストとディスク共有し、ホスト側でエディットして実行は仮想環境でも良いですし、vi自体をコンテナにいれておいても良いかと。

Answer 2

１．ホストOSに直接いろいろインストールする
２．仮想マシンを使う
３．Dockerを使う

１に対しての２，３のメリット：
数十人で同じ開発環境に揃える場合に楽
あるいは、一人の人が複数の開発環境を持つとか

２に対しての３のメリット：
ハードウェア仮想化によるオーバーヘッドがないのでパフォーマンス的に有利
OS的には１つしか動いてないので、省メモリ

必要なツールが入ってないというのなら入れたものを作ればいいのでは？