VSCode 配合 Deno 可直接运行 TypeScript/JavaScript,无需 Node.js 或构建工具;需安装 Deno、启用官方插件、初始化 deno.json 配置(含 tasks/fmt/lint/vendor)、显式声明权限,并支持远程模块类型自动解析与缓存。

VSCode 配合 Deno,能直接运行 TypeScript 和 JavaScript,无需额外配置构建工具或安装 Node.js 依赖。关键在于启用 Deno 官方插件、正确初始化项目,并让编辑器识别 Deno 的类型定义和权限模型。
安装 Deno 并验证环境
先确保系统已安装 Deno。在终端中运行:
deno --version
若提示命令未找到,前往 deno.land 按操作系统下载安装脚本(如 macOS/Linux 用 curl -fsSL https://deno.land/install.sh | sh,Windows 推荐使用 Scoop 或 Chocolatey)。安装后将 Deno 的 bin 目录加入系统 PATH,重启 VSCode 终端再验证。
启用 VSCode Deno 插件
在 VSCode 扩展市场搜索 “Deno”,安装官方发布的 Deno 插件(作者:denoland)。安装后默认不会自动启用——需在工作区根目录下创建 deno.json 或 deno.jsonc,或手动打开命令面板(Ctrl+Shift+P / Cmd+Shift+P),输入并执行:
Deno: Initialize Workspace Configuration
该操作会生成基础配置文件,并启用语法高亮、跳转定义、自动补全和类型检查。
配置 deno.json 支持常用功能
一个实用的 deno.json 示例:
{
"tasks": {
"start": "deno run --allow-env --allow-read --allow-net mod.ts"
},
"fmt": {
"options": { "semi": false, "singleQuote": true }
},
"lint": {
"rules": { "tags": ["recommended"] }
},
"vendor": true
}
-
tasks:定义可从 VSCode 任务运行器启动的脚本,权限标志(如
--allow-net)必须显式声明 - fmt 和 lint:集成 Deno 自带的代码格式化与静态检查,无需额外安装 Prettier 或 ESLint
-
vendor:设为
true后,Deno 会将远程模块缓存到vendor/目录,提升离线开发体验
处理权限与远程模块导入
Deno 默认禁止文件读写、网络请求等敏感操作。VSCode 中报错如 “Permission denied” 时,不要忽略,应在运行命令中添加对应 --allow-xxx 标志。例如:
deno run --allow-read --allow-write config.ts
远程模块(如 https://deno.land/std@0.224.0/http/file_server.ts)首次导入会自动下载并缓存,VSCode 的 Deno 插件会自动解析其类型定义,支持智能提示。若类型未加载,尝试右键文件 → “Deno: Cache Modules” 或重启 TS 服务(Ctrl+Shift+P → “TypeScript: Restart TS server”)。










