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 扩展

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

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

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

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

三、初始化 Deno 工作区配置

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

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

95Shop仿醉品商城

95Shop可以免费下载使用，是一款仿醉品商城网店系统，内置SEO优化，具有模块丰富、管理简洁直观，操作易用等特点，系统功能完整，运行速度较快，采用ASP.NET(C#)技术开发，配合SQL Serve2000数据库存储数据，运行环境为微软ASP.NET 2.0。95Shop官方网站定期开发新功能和维护升级。可以放心使用！ 安装运行方法 1、下载软件压缩包； 2、将下载的软件压缩包解压缩，得到we

0

查看详情

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 进程。

五、解决 import 提示错误问题

当 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 语句应恢复正确解析与跳转能力。

以上就是VSCode与Deno开发环境配置的详细内容，更多请关注php中文网其它相关文章！