2020-03-28 Win10+Docker+VSCode+React/Node.js配置

Posted 2023-03-17

参考技术A

根据客户需求，要在离线环境开发部署基于React的应用。由于：

决定采用Docker，在联网环境下配置React后携带入开发环境。

家里是Win10环境，半年前已经安装了Docker。
Docker在Win10上的安装可以参考官网解决方案 Docker Desktop for Windows 。
（然而其实质。。。就是装了一个VirtualBox里安装的Linux虚拟机，在里面装Docker。）
常规解决方案：
Docker官网
Docker Desktop for Mac
Docker Desktop for Windows
Win7/8可能需要更多操作： Windows Docker 安装-菜鸟教程
这部分坑是最多的，可惜时间太久已经忘记了。

检查Docker版本：

配置Docker镜像：
由于众所周知的原因，需要配置镜像加速器。
系统右下角 Docker 图标内右键菜单 Settings，窗口里Daemon标签页内配置json：

使用Node官方镜像为基础搭建

查看 node官方镜像

或

拉取最新版本的node镜像：

查看本地镜像：

运行容器：

进入容器并查看node和npm版本

另外，（由于众所周知的原因，需要配置镜像加速器）* 2
使用cnpm或给npm配置淘宝镜像：

来到了常见的create-react-app环节

启动应用：

成功运行应用，然而在浏览器里并不能看到。容器的端口并没有和主机绑定。
查看运行中容器状态：

查看容器端口绑定

保存一下镜像并创建容器绑定端口：

重新开启应用：

VSCode是真的香。。。

我用的第一个。

能看到当前镜像和容器。容器上右键可以Attach Visual Studio Code。
然后容器就停了。。。。
docker容器运行必须有一个前台进程， 如果没有前台进程执行，容器认为空闲，就会自行退出。Attach Visual Studio Code使用的是attach命令，就是使用现有终端，如果你要退出容器操作，那么bash结束，容器也就退出了。

重新创建容器，加了持续运行进程。

docker在win7下安装

在github上下载最新版本dockerToolbox

https://github.com/docker/docker-ce/releases/tag/v19.03.4

或者在下面网站下载以前版本

https://get.daocloud.io/#install-docker-for-mac-windows

安装完成会出现以下3个程序，主要用到的是第二个。

在github上下载最新版本boot2docker.iso文件

https://github.com/boot2docker/boot2docker/releases

将最新版本的boot2docker.iso文件放到用户目录下的.docker下的machine下的cache文件夹

 

然后启动docker quickstart terminal

 

输出如下

 

 

 docker安装成功后，无法获取ip地址。

原因：

是因为初始化出现问题

解决方法：

先删除administer目录下初始化的这两个文件，再关掉网络，重新打开docker quickstart teminal终端初始化

 

 关掉网络后重新初始化成功

 

 运行hello-world镜像，开启容器。