VSCode与Deno开发环境配置_网络技术_宿州市腾雀网络科技有限公司

需安装Deno运行时、启用官方Deno扩展、配置工作区settings.json、设置launch.json调试项，并移除tsconfig.json干扰以实现VSCode中Deno的完整开发支持。

如果您希望在 Visual Studio Code 中高效开发 Deno 应用程序，但尚未配置对应的语言支持、调试能力与智能提示，则需要完成一系列特定的扩展安装与设置调整。以下是完成 VSCode 与 Deno 开发环境协同配置的具体操作：

本文运行环境：MacBook Air，macOS Sequoia。

一、安装 Deno 运行时

在 VSCode 中启用 Deno 支持前，必须确保系统已安装 Deno CLI，否则扩展无法识别运行时路径或执行类型检查。Deno 安装后将提供 deno 命令、内置 LSP 服务及标准库类型定义。

1、打开终端，执行 Shell 安装命令：curl -fsSL https://deno.land/install.sh | sh。

2、将 Deno 可执行文件路径添加至 shell 配置文件（如 ~/.zshrc）：export DENO_INSTALL="$HOME/.deno"。

3、追加 PATH 行：export PATH="$DENO_INSTALL/bin:$PATH"。

4、重新加载配置并验证：source ~/.zshrc && deno --version，输出版本号即表示成功。

VSCode 官方 Deno 扩展由 Deno 团队维护，它接管 TypeScript 语言服务，启用 Deno 特有的类型检查、权限提示、模块自动下载与 import 自动补全等功能。

1、在 VSCode 扩展市场中搜索 Deno，选择官方发布者为 denoland 的扩展并安装。

2、安装完成后，重启 VSCode 确保扩展激活。

3、打开任意以 .ts 或 .js 结尾的文件，右下角状态栏应显示 Deno: enabled；若显示 disabled，需手动启用。

通过工作区级别配置，可避免全局污染，并为不同项目指定独立的 Deno 权限、缓存路径与检查模式，确保开发行为可复现且符合项目约束。

1、在项目根目录创建 .vscode/settings.json 文件。

2、写入以下内容：{"deno.enable": true, "deno.lint": true, "deno.unstable": false}。

3、如需自定义权限，添加 "deno.runArgs": ["--allow-env", "--allow-read"] 字段。

VSCode 内置调试器需通过 launch.json 显式声明 Deno 启动方式，才能支持断点、变量监视与控制台交互，避免直接使用终端运行导致调试功能失效。

1、按 Cmd+Shift+P 打开命令面板，输入 Debug: Open launch.json 并回车。

2、选择环境为 Deno，自动生成模板配置。

3、确认配置中 program 字段指向主入口文件，例如："program": "./main.ts"。

4、保存后点击绿色三角形按钮即可启动带断点调试的 Deno 进程。

当 VSCode 报出 “Cannot find module” 或红色波浪线标记远程 URL 导入时，通常因未激活 Deno 支持或 tsconfig.json 干扰了模块解析逻辑，需清除 TypeScript 服务干扰并强制使用 Deno 模块解析器。

1、在项目根目录检查是否存在 tsconfig.json；如有，临时重命名为 tsconfig.json.bak。

2、在 VSCode 命令面板中执行 TypeScript: Select TypeScript Version，选择 Use Workspace Version。

3、再次打开 .ts 文件，等待右下角出现 Deno: enabled，此时 import 语句应恢复正确解析与跳转能力。