win10docker开发环境

docker

安装

1. 安装wsl,文档地址https://docs.microsoft.com/zh-cn/windows/wsl/install-win10#step-4---download-the-linux-kernel-update-package.安装包下载链接https://wslstorestorage.blob.core.windows.net/wslblob/wsl_update_x64.msi
2. 安装docker.下载链接https://desktop.docker.com/win/stable/amd64/Docker%20Desktop%20Installer.exe

附:Debian上安装docker

安装完毕后启动应用 docker dekstop .等待docker服务启动完成,点击界面上右上齿轮状按钮进入设置,勾选docker随系统启动,然后设置国内镜像.具体操作为,将

{
"registry-mirrors": []
}

修改为:

{
"registry-mirrors": ["https://docker.mirrors.ustc.edu.cn/"]
}

下载docker-compose文件

根据不同项目情况，会使用不同的docker-compose文件

创建docker容器

docker compose create

启动docker容器

首次可以使用命令

docker compose start

如果容器未创建，也可以直接使用命令

docker compose up -d

创建并启动容器

小提示：以后也可以使用docker的桌面工具启动和停止容器

停止docker容器

docker compose stop

开发

安装vscode

1. 下载链接https://code.visualstudio.com/docs/?dv=win

2. 启动vscode

3. 安装扩展1https://marketplace.visualstudio.com/items?itemName=ms-azuretools.vscode-docker,具体操作为

   1. 复制(Copy)以下内容

      Reset

      Copy
      ext install ms-azuretools.vscode-docker

      ext install ms-azuretools.vscode-docker
      

   2. 在vscode中使用快捷键Ctrl+P

   3. 然后使用快捷键Ctrl+V粘贴上面复制的内容

   4. 回车

4. 安装扩展2https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-containers。安装方法同上。

   Reset

   Copy
   ext install ms-vscode-remote.remote-containers

   ext install ms-vscode-remote.remote-containers
   

连接容器

1. 上面步骤进行完之后，在vscode左侧会有鲸鱼样图标出现，点击它。
2. 在Containers页签下会列出来所有的容器，容器名称一般会使用你启动容器的目录名作为前缀。
3. 如果还没创建容器，可以使用前面介绍的方法创建容器
4. 如果已经创建过容器，除了前面介绍的办法外，也可以直接在这里使用在容器上点击鼠标右键菜单的方式启动或停止容器
5. 如果容器已启动，就可以通过在容器上鼠标右键连接到容器

进入开发

初始化项目

首次启动容器里面没有内容，需要我们将项目代码下载下来。在以下示例中，我们使用一个原有项目来具体说明详细的操作过程。

1. 在vscode中，使用快捷键`Ctrl+``打开一个终端。

2. 在终端的位置输入以下命令切换到项目目录,这里我们使用/01factory作为我们的项目目录

   Reset

   Copy
   cd /01factory

   cd /01factory
   

3. 在终端上输入命令的方式下载代码。该过程根据当前本机网络以及具体项目情况使用时间可能会有不同。一般情况下，只要网络正常，都能正常完成。

   Reset

   Copy
   git clone https://gitee.com/dfactory01/p000001.git

   git clone https://gitee.com/dfactory01/p000001.git
   

4. 在vscode中通过左侧面板中的Open按钮打开容器中的项目，默认的当前路径为/root,需要打开的路径为/01factory/p00001，可以先选择../上一级目录，然后依次打开/01factory，接着打开项目p000001,最后点击OK打开项目。注意，非首次打开项目不需要进行初始化，直接打开即可，也可以使用vscode的最近项目直接打开之前的项目

5. 根据项目情况，需要对项目进行初始化。比如nodejs项目运行yarn或npm install，java项目可能需要执行mvn compile，python项目需要pip install -r ./requirements.txt下载依赖。具体项目不同，执行的初始化命令会有不同。

   Reset

   Copy
   yarn

   yarn
   

开始开发调试

不同的项目开发调试的命令不一，对于示例项目，我们可以在vscode的集成终端上输入以下命令启动开发调试

yarn dev

启动完成后，就可以通过打开具体的测试终端进行开发了，在这里我们使用的方式为在chrome浏览器输入网址http://127.0.0.1:3000进行开发

这时，在vscode中修改代码，在测试终端（浏览器）中对应的页面就会发生改变了。