docker之vue-cli

docker中使用vue-cli

1. image选择：hub.docker.com中自行搜索，这里用到的是：docker pull ebiven/vue-cli

2. 该作者的介绍比较简单，但是在使用中踩了一些坑才成功，作者的使用说明：

   In your .bashrc, .zshrc, or similar file include aliases for the following commands:
   alias vue='docker run -it --rm -v "$PWD":"$PWD" -w "$PWD" -u "$(id -u)" ebiven/vue-cli vue'

根据系统在不同文件修改，如我的ubuntu在.bashrc中添加 alias vue=...，这里需要注意，最好将npm node的别名一起设置，且在npm设置的时候添加端口映射，最终代码如：

.bashrc 添加后执行 source ~/.bashrc使其生效

    alias vue='docker run -it --rm -p 9999:8080 -v "$PWD":"$PWD" -w "$PWD"  -u "$(id -u)" ebiven/vue-cli vue'
    alias npm='docker run -it --rm -p 9998:8080 -v "$PWD":"$PWD" -w "$PWD" -u "$(id -u)" ebiven/vue-cli npm'
    alias node='docker run -it --rm -p 9997:8080 -v "$PWD":"$PWD" -w "$PWD"  -u "$(id -u)" ebiven/vue-cli node'

大功告成

    $ vue create vue-project

    $ cd vue-project

    $ npm run serve

注意事项

1. 注意宿主机和容器端口的映射：执行 npm run serve 时，才能从浏览器 IP:端口 的方式访问 如：http://localhost:9998
2. 在root账户下执行。