在VSCode中配置Deno下一代JavaScript运行时环境

顺亿

2026-11-01 • 👁 0人浏览过

在 VSCode 中配置 Deno 需安装官方 Deno 扩展、禁用 TypeScript 自带功能、运行 Deno: Initialize Workspace Configuration 生成设置，支持类型提示、运行、格式化与 import_map。在 VSCode 中配置 Deno 很简单，关键是装对插件、关掉冲突的 TypeScript 插件，并让编辑器信任 Deno 的类型定义。安装 Deno 和官方扩展先确保系统已安装 Deno（推荐用 deno install 或官网脚本）。然后打开 VSCode，去扩展市场搜 Deno ，安装由 denoland 官方发布的那个（图标是青绿色 D）。别装错成第三方“Deno Support”之类的老插件。 Mac/Linux：终端运行

curl -fsSL https://deno.land/install.sh | sh

，再把 bin 路径加进 shell 配置 Windows：用 PowerShell 运行

iwr https://deno.land/install.ps1 | iex

装完后终端输入

deno --version

确认可用关闭 TypeScript 自带的语言功能 VSCode 默认用内置 TypeScript 服务，会和 Deno 冲突——比如报错“Cannot find name 'Deno'”，或类型提示不生效。必须手动禁用它：按 Cmd+Shift+P （Mac）或 Ctrl+Shift+P （Win/Linux），输入 Preferences: Configure Language Specific Settings... 选 typescript ，在打开的

settings.json

片段里加：

"typescript.preferences.includePackageJsonAutoImports": "off"

再全局设置里搜 typescript.suggest.autoImports ，设为 false 启用 Deno 支持并初始化项目在项目根目录下打开命令面板（ Ctrl+Shift+P ），运行 Deno: Initialize Workspace Configuration 。这会生成一个

.vscode/settings.json

，自动开启

"deno.enable": true

并配置好路径。通义灵码 windows版通义灵码 0.8.0 是一款面向智能开发场景的轻量级集成开发环境。该版本聚焦效率与协作，提供代码智能补全、实时语法检查与版本管理功能，并优化了插件扩展能力，适配主流编程语言。0.8.0 版本进一步提升了启动速度与界面响应流畅度，内置任务运行器与调试工具，帮助开发者更快捷地完成项目构建与问题定位。简洁、现代的设计让初学者与专业团队都能快速上手。下载立即学习 “ Java免费学习笔记（深入） ”；如果 Deno 不在系统 PATH，可在设置里指定完整路径，例如：

"deno.path": "/Users/xxx/.deno/bin/deno"

新建一个

main.ts

，写

console.log(Deno.cwd());

，保存后应无红色波浪线，悬停

Deno

能看到类型定义支持直接运行：右键文件 → Run with Deno ，或终端执行

deno run main.ts

可选：配合 import_map 和 lint/formatter 大型项目建议用

import_map.json

统一管理远程模块地址。VSCode Deno 插件原生支持它——只要在设置里配好路径，

import

行就能跳转、补全、悬停查看。创建

import_map.json

，内容类似：

{"imports": {"fmt": "https://deno.land/std@0.224.0/fmt/mod.ts"}}

在

.vscode/settings.json

加：

"deno.importMap": "./import_map.json"

格式化用

deno fmt

，Lint 用

deno lint

，VSCode 默认绑定到保存时（需开启

"editor.formatOnSave": true

）基本上就这些。不用装 typescript-deno-plugin，不用手动下载 @types/deno，也不用改 tsconfig. js on——Deno 插件自己管类型、检查、运行，干净又轻量。

相关文章