使用 vscode 搭建基于 Docker 容器的 Node.js 开发环境

使用 vscode 搭建基于 Docker 容器的 Node.js 开发环境

主机操作系统: MacOS

安装 vscode 和 Docker

根据官网手册安装即可.

安装 vscode 扩展

• Remote - Containers
• Docker

创建 Dockerfile 和 docker-compose.yml

• 创建目录 workspace/node

mkdir -p workspace/node

• 使用 vscode 的 docker 扩展程序创建 Dockerfile 和 docker-compose.yml

在 vscode 使用 File -> Open... 打开目录 workspace/node, 按下 F1 输入 docker add, 然后选择 Docker: Add Docker Files to Workspace, 接着选择 Node.js, 继续选择 Yes, 默认 3000.

执行完上述操作会生成一些文件, 更新 Dockerfile 文件为如下内容

FROM node:latest

WORKDIR /home/app
USER node

RUN yarn config set registry "https://registry.npm.taobao.org/"
RUN npm config set registry "https://registry.npm.taobao.org/"

ENV PORT 3000

EXPOSE 3000
EXPOSE 4000

更新 docker-compose.yml 文件内容

version: '3.4'

services:
  docker_node:
    image: docker-node
    build: .
    ports:
      - 3000:3000
      - 4000:4000
    volumes:
      - ./:/home/app
      - ~/.ssh/id_rsa:/home/node/.ssh/id_rsa:ro
      - ~/.ssh/known_hosts:/home/node/.ssh/known_hosts:ro
      - ~/.gitconfig:/home/node/.gitconfig:ro

上面最后三个 bind 卷标是便于容器内使用 ssh 协议进行 git 远程仓库 (比如: github/gitee)管理, 如果你更希望在主机进行 git 远程仓库管理科无需配置

vscode 连接容器

vscode 中按 F1, 输入 Remote-Containers: Open, 选择 Remote-Containers: Open Folder in Contaiers, 然后选择当前路径即可