VSCode中的Deno语言支持

14次阅读

vscode 自1.62起原生支持Deno,只需运行deno init、执行Deno: Initialize Workspace Configuration启用内置支持并重载窗口,即可获得类型检查、智能提示及调试能力。

VSCode中的Deno语言支持

VSCode 对 Deno 的语言支持已经非常成熟,官方推荐且开箱即用,关键在于正确启用 Deno 运行时集成,而非依赖第三方插件。

启用 Deno 支持(核心步骤)

VSCode 自 1.62 起原生支持 Deno,无需安装额外扩展(如旧版 “Deno” 插件),只需开启内置支持:

  • 在项目根目录下运行 deno init(或确保有 deno.json / deno.jsonc
  • 打开命令面板(Ctrl+Shift+PCmd+Shift+P),输入并选择:Deno: Initialize Workspace Configuration
  • VSCode 会自动生成 .vscode/settings.json,包含 "deno.enable": true
  • 重启窗口或重载窗口(Ctrl+R / Cmd+R)使配置生效

自动类型检查与智能提示

启用后,VSCode 会自动:

  • 解析远程模块(如 https://deno.land/std@0.224.0/fs/mod.ts)并提供跳转、补全和 hover 类型信息
  • 识别 /// /// 指令
  • deno rundeno test 等命令提供语义高亮和参数校验(需 Deno CLI 在 PATH 中)

调试与运行配置(可选但实用)

如需断点调试,可在 .vscode/launch.json 中添加:

{   "version": "0.2.0",   "configurations": [     {       "name": "Deno Run",       "type": "pwa-node",       "request": "launch",       "program": "${file}",       "cwd": "${workspaceFolder}",       "runtimeExecutable": "deno",       "runtimeArgs": ["run", "--inspect-brk", "-A"],       "attachSimplePort": 9229     }   ] }

保存后按 F5 即可启动带断点的调试会话。

常见问题处理

如果提示“Cannot find name ‘Deno’”或无提示:

  • 确认已执行 Deno: Initialize Workspace Configuration,且 settings.jsondeno.enabletrue
  • 检查 VSCode 是否使用了正确的工作区(多根工作区需在对应文件夹内启用)
  • 终端中运行 deno –version 确保 Deno 已安装且版本 ≥ 1.30
  • 禁用可能冲突的旧插件(如 “Deno (by denoland)”),仅保留 VSCode 内置支持

基本上就这些。配置一次,后续新建 Deno 项目基本不用再调。

text=ZqhQzanResources