在fitten code中配置docker容器化开发需先确保本地docker daemon正常运行,再构建并运行挂载精确路径、含阻塞cmd且设--shm-size=2g的容器,最后通过远程资源管理器连接并配置端口转发与node.js调试。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

在Fitten Code中配置Docker容器化开发,需绕过其默认的本地执行模式,将编辑器连接到远程运行的Docker容器,实现代码编写、调试与运行全链路在隔离环境中完成。Fitten Code本身不内置Docker构建引擎,必须依赖外部Docker daemon并正确挂载代码路径与端口映射,否则保存即崩溃、调试无响应、端口无法暴露。
确认本地Docker服务已就绪
打开终端,执行:
docker info
若返回包含Server Version和Default Runtime字段的完整信息,则Docker守护进程正常运行;若提示Cannot connect to the Docker daemon,说明Docker Desktop未启动或Linux系统未加入docker用户组——【必须解决此问题,否则后续所有配置均无效】。
Linux用户还需验证当前账户是否在docker组内:
groups | grep docker
如无输出,执行:
sudo usermod -aG docker $USER && newgrp docker
创建适配Fitten Code的开发容器
新建目录fitten-dev,放入以下Dockerfile:
FROM docker.fxxk.dedyn.io/node:18.20
ENV TZ=Asia/Shanghai LANG=C.UTF-8
RUN apt update && apt install -y vim curl wget && rm -rf /var/lib/apt/lists/*
COPY . /workspace
WORKDIR /workspace
RUN npm config set registry https://registry.npmmirror.com
EXPOSE 3000 5000 8080
CMD ["tail", "-f", "/dev/null"]
该镜像精简掉SSH服务,避免Fitten Code通过SSH连接时因权限或密钥问题中断;【CMD必须设为阻塞式命令(如tail -f),不可用npm start等前台服务,否则容器启动即退出】。
启动容器并挂载工作区
在fitten-dev目录下执行:
docker build -t fit-node:dev .
然后运行:
docker run -d \
--name fit-dev \
-v "$(pwd)/src:/workspace/src" \
-v "$(pwd)/package.json:/workspace/package.json" \
-p 3000:3000 -p 5000:5000 \
--shm-size=2g \
fit-node:dev
注意:-v挂载必须精确到文件级(如package.json)或子目录(如src),不能挂载整个/workspace——Fitten Code会因容器内路径冲突导致文件监视失效;【--shm-size=2g是必需参数,否则Vue/React热更新会卡死在WebSocket连接阶段】。
在Fitten Code中连接容器
打开Fitten Code → 左侧活动栏点击“远程资源管理器”图标 → 点击“+ 添加新连接” → 选择“Docker Host” → 输入本地Docker socket路径:
/var/run/docker.sock(Linux/macOS)
//./pipe/docker_engine(Windows WSL2)
连接成功后,在容器列表中找到fit-dev,右键 → “Attach Visual Studio Code Server”。
此时Fitten Code会自动下载并注入VS Code Server组件到容器内,整个过程约需40秒;若卡在“Installing VS Code Server…”超2分钟,说明容器内存不足或网络策略拦截了GitHub release域名,需手动进入容器执行:
curl -fsSL https://update.code.visualstudio.com/commit:stable/server-linux-x64/stable > /tmp/vscode-server.tar.gz
配置调试与端口转发
在Fitten Code中打开已挂载的src目录 → 按Ctrl+Shift+P → 输入“Preferences: Open Settings (JSON)” → 添加:
"remote.docker.portForwarding": {
"3000": "localhost:3000",
"5000": "localhost:5000"
}
接着按Ctrl+Shift+P → 输入“Debug: Open launch.json” → 选择“Node.js”环境 → 替换内容为:
{
"version": "0.2.0",
"configurations": [
{
"type": "pwa-node",
"request": "launch",
"name": "Launch via NPM",
"runtimeExecutable": "npm",
"runtimeArgs": ["run", "dev"],
"port": 9229,
"address": "0.0.0.0",
"sourceMaps": true,
"skipFiles": ["
}
]
}
保存后,点击左上角绿色三角形即可启动调试——断点命中位置将实时显示在Fitten Code编辑器中,变量面板可展开查看对象结构。











