工具：
- vscode
- docker
- wsl（windows子系统默认ubuntu）
wsl安装
截至目前为止wsl安装方式网址
wsl --install #以管理员身份运行powershell
默认安装ubuntu就可以
vscode安装扩展
- Dev Containers
- WSL
- Docker
docker安装
一路默认安装即可
安装完成之后，设置一下docker
image.png
image.png
设置完成需要重启一下客户端
开始部署开发环境
首先下载集成环境的仓库
1. 打开wsl安装的Ubuntu子系统(一般在开始菜单里就能找到)
image.png
2. 在ubuntu终端中输入：
git clone https://gitee.com/cooladminmovie/node-dev.git
image.png
3. 然后使用vscode打开目录
code node-dev
打开之后vscode的左下角可以看到当前的运行环境为WSL: Ubuntu
image.png
然后点击左下角这个绿色框，在弹出框中选择reopen in contanier， 让项目在容器中运行
右下角内容第一次打开时是没有的，这个是后来补的截图
image.png
在打开容器过程中，左下角显示为正在打开远程， 需要等一下，初始化容器环境。
image.png
点击右下角可以看见当前打开进度，正在安装redis和db文件等内容
image.png
出现如下信息表示容器环境启动成功
image.png
在当前环境下打开控制台，执行shell脚本，开始拉取前后端代码，可以打开cool-init.sh文件查看具体操作内容
sh cool-init.sh
image.png
image.png
代码拉去完成之后，右上角也会相应的出现前后端的代码文件
比如需要打开后端代码的话， 在当前控制台输入如下命令
code cool-admin-midway
在一个新的vscode窗口中打开后端项目代码，进行相应的开发和操作。
网友评论