从配置文件添加Dev Container时卡在Node版本选择步骤

环境信息 #

• VSCode版本：1.76.0
• 本地操作系统版本：Ubuntu 22.04.2 LTS 64位
• 日志：无日志或通知输出

操作步骤 #

1. 打开一个新的vitesse项目
2. 点击「打开远程窗口」按钮
3. 点击「添加Dev Container配置文件」
4. 选择「从预定义容器配置定义创建」
5. 选择「NodeJS + TypeScript」
6. 选择Node版本时卡住，无法进入下一步

问题详情 #

• 可搜索不同的Node版本，但选择时无响应，按Enter、Ctrl+Enter、Shift+Enter均无效
• 已重装Dev Container扩展，也切换到预发布版本，问题仍存在

解决方法 #

方法1：手动创建Dev Container配置文件 #

跳过图形化选择流程，直接在项目根目录下创建.devcontainer/devcontainer.json文件，示例配置如下：

{
  "name": "Node.js & TypeScript",
  "image": "mcr.microsoft.com/devcontainers/typescript-node:0-18",
  "customizations": {
    "vscode": {
      "extensions": [
        "dbaeumer.vscode-eslint",
        "esbenp.prettier-vscode"
      ]
    }
  }
}

其中0-18对应Node.js 18版本，可根据需求替换为0-16、0-20等其他版本。创建完成后重新打开远程窗口即可加载配置。

方法2：清除VSCode缓存 #

1. 关闭所有VSCode窗口
2. 删除Linux系统下的VSCode缓存目录：

   rm -rf ~/.config/Code/Cache ~/.config/Code/CachedData
   

3. 重新启动VSCode后再次尝试配置流程

方法3：检查Docker服务状态 #

确保系统已安装最新版Docker且服务正常运行：

sudo systemctl status docker

若服务未启动，执行以下命令启动：

sudo systemctl start docker

内容的提问来源于stack exchange，提问作者Hamza Radouan