2020-03-28 Win10+Docker+VSCode+ReactNode.js配置

根据客户需求，要在离线环境开发部署基于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结束，容器也就退出了。

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

前端涵盖技术范围之广，不仅只是html+css+js。下面推荐几个前端实战项目：1京东登陆注册案列（HTML+CSS）,登陆页面指的是需要提供账号密码验证的界面。

2个人博客项目（HTML5+CSS）,个人博客是涉及前端领域的第一个项目，运用前端基础知识，培养项目思维。

3企业网站，强化对HTML+CSS+PS(切图)、各种布局等初期所学全部知识的综合应用，培养遇到问题时的分析与调试能力。

4H5音乐播放器、H5小游戏（HTML+CSS+JAVASCRIPT），通过游戏应用开发，强化JAVASCRIPT基础、DOM *** 作和事件机制在实际场景中的运用。

5楼层跳动、轮播、表单验证（HTML5+CSS3+jQuery）,掌握jQuery插件的运用。

电商购物网站（HTML5+CSS3+jQuery+EasyUI），掌握动画开发能力，及常见插件的使用

1、js舞蹈教师资格证查询无需登录账号，直接在中国教师资格网(网址为>

以上就是关于2020-03-28 Win10+Docker+VSCode+React/Node.js配置全部的内容，包括:2020-03-28 Win10+Docker+VSCode+React/Node.js配置、学了半年前端，基本的html+css+js都会了，有没有什么好的项目可以当案例做的。、js舞蹈教师资格证怎么查等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！