windows 系统下的docker 外置vue开发环境

安装环境

DockerToolbox-18.03.0-ce

node-8.9.3

外置需要文件交换

注意编译器没有开发环境，仅仅是一个代码提示工具

1.使用FTP进行文件交换

2.使用共享文件夹进行交换

3.使用samba服务器进行交换

我自己使用的共享文件夹交换

步骤1

docker pull node-8.9.3

步骤2

运行node环境

docker run -dit node-8.9.3 /bin/bash

步骤3

进入node环境搭建

docker exec -it 容器编号或者容器名 /bin/bash

如果在意安装速度，可以使用淘宝镜像来安装
安装淘宝镜像
 

npm install -g cnpm --registry=https://registry.npm.taobao.org

或者修改npm源

sudo npm config set registry https://registry.npm.taobao.org

显示npm源

npm info express

或者

sudo npm config list

安装全局webpack，可以局部安装去掉上 -g 即可

cnpm install webpack -g

安装全局vue脚手架，可以局部安装去掉上 -g 即可

cnpm install vue-cli -g

创建工作路径

mkdir 工作路径

退出

exit

现在vue环境搭建完成了 ，需要使用将这容器转为镜像

使用docker命令

docker commit 容器编号或者容器名 镜像名:标签名
-----或者容器导出tar文件--
docker export -o 文件名.tar 容器编号或者容器名
-----或者镜像导出tar文件--
docker save -o 文件名.tar 容器编号或者容器名

方案:共享文件夹

现在将共享文件打开，可以手动挂在可以自动挂载

要在window下将权限问题解决掉，这位博主提供方案：&地址连接

如果没解决会导致脚手架安装失败，甚至无法copy文件出来，只能使用samba服务，原因文件中有软链接

方案:samba服务

查询samba服务

docker search samba

拉取amba服务

docker pull  dperson/samba

本地创建共享目录

mkdir /workspace
chmod 777 /workspace

运行docker服务

docker run -it \
--name samba \
-p 139:139 \
-p 445:445 \
-v /workspace:/mount \
-d dperson/samba \
-u "bl;bl" -s "shared;/mount/;yes;no;no;all;none"

推荐以下博主配置

无密码模式匿名访问

简单配置

官方使用教程

使用导出的镜像文件

docker run -dit -p 8080:8080  -v /文件挂载目录:/工作目录  镜像名或者镜像ID  /bin/bash 

进入镜像

docker exec -it 容器名或者容器ID /bin/bash

现在创建项目

最后一项不要选，除非你的源改为国内的否则会很慢

vue init webpack 工程名字

如果没有选最后一项，到项目中安装依赖

cd 项目
cnpm install

然后退出

修改项目的端口和地址，如果没有修改windows系统可能访问不到虚拟机

地址在 项目/config/index.js

vi 项目/config/index.js

将文件中host改为 0.0.0.0

端口改为你需要的端口，不要和虚拟机的端口冲突 

prot:8080  改为 port 你的需要的端口

然后启动项目

npm run dev

在windos下访问 http://虚拟机地址:端口

例如我的是：http://192.168.99.100:8080