docker内でvue.jsを動かす

dockerとは

コンテナ型の仮想環境を作成、配布、実行するためのプラットフォームです

メリット

マックのOS環境ではなくdockerという仮想環境の中で開発可能

ローカル環境の統一

本番環境でも運用可能

などです。

マックの環境が壊れる恐れがあるのならば、dockerで開発すればいい

ローカル環境を統一して複数人の開発にも適している。

同じローカル環境を準備してやれば、phpやrubyのバージョンも合わせられる

 
１まずはじめに　node-vでnodeが入っているか確認

２vue.jsの環境を整える

３　docker-compose up -dを実行

４　docker-compose exec app bash

　　bashが使えなかったのでshで

５　docker-compose exec app sh

dockerが起動した！！

しかしローカルホスト8080は使えない

６docker-compose.ymlに

　  ports:

"8080:8080"

 を記述しなければ8080はdocker内で使えない見たい

記述した後git diffで差分を確認

再び

７docker-compose up -d

８docker-compose exec app bash

dockerが起動したのを確認して

9 npm run dev

ブラウザで確認できました。