docker vue cli

Docker-vue-cli

ビルドコンテナとして使用するVue CLIのDocker画像。

DockerHubの画像：https：//hub.docker.com/r/crowdcode/vue-cli/

現在、この画像では、ベース分布としてノードv11.7.0（npm 6.5.0）、vue-cli 3.3.0、およびdebianストレッチを使用しています。

使用の例

 docker run -it --rm -v "$PWD":/workspace crowdcode/vue-cli vue create vuedemo
cd vuedemo
docker run -it --rm -p 8080:8080 -v "$PWD":/workspace crowdcode/vue-cli npm run serve

または、Vue Cli UIを使用します

 docker run -it -u $(id -u) --rm -p 8000:8000 -v "$PWD":/workspace crowdcode/vue-cli vue ui --host 0.0.0.0

DockerからVue CLI開発サーバーを実行するには、ポートをマップし、Vue CLIにすべてのインターフェイスで聞くように指示する必要があります。たとえば、使用します

 cd vuedemo
docker run -u $(id -u) --rm -p 4200:4200 -v "$PWD":/workspace crowdcode/vue-cli vue serve --host 0.0.0.0

Package.jsonからのFE、および追加のGITリポジトリのクローンを作成する場合、UID 1000とは異なるユーザーで実行する場合は、GITにはUIDを解決する必要があるため、PassWDをマウントする必要があります。

 docker run -u $(id -u) --rm -p 4200:4200 -v /etc/passwd:/etc/passwd -v "$PWD":/app crowdcode/vue-cli npm install

クレジット

• この画像は、EverfluxによるDocker-ng-Cliに触発されています