docker vue cli

Docker-Vue-Cli

Vue Cli의 Docker Image는 빌드 컨테이너로 사용합니다.

DockerHub의 이미지 : https://hub.docker.com/r/crowdcode/vue-cli/

현재이 이미지는 노드 V11.7.0 (NPM 6.5.0), VUE-CLI 3.3.0 및 데비안 스트레치를 기본 분포로 사용합니다.

예제 사용

 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

추가 git 리포지토리를 복제하려면 package.json에서 Fe를 사용하고 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에서 영감을 얻었습니다