VSCode 配合 Deno 可直接运行 TS/JS，无需 tsconfig.json 或 node_modules；官方扩展提供智能提示、类型检查及远程模块支持；调试需通过 runtimeArgs 显式声明权限；依赖以 URL 导入并本地缓存，支持可视化查看与清理。
VSCode 配合 Deno，能直接运行 TypeScript 和 JavaScript，无需配置 tsconfig.json 或安装 node_modules，开发体验更轻量、安全、现代。
自动识别与智能提示
Deno 自带 TypeScript 编译器，VSCode 安装官方 Deno 扩展（由 denoland 官方维护）后，会自动启用 Deno 的语言服务。打开一个 .ts 文件，VSCode 就能解析导入语句、提供类型检查、跳转定义、自动补全，甚至对远程 URL 模块（如 https://deno.land/std@0.224.0/fs/mod.ts）也支持精准提示。
- 确保在工作区根目录运行过
deno init或至少执行过一次deno run，VSCode 才会激活 Deno 语言服务器 - 若提示“Deno is not active”，点击右下角状态栏的 Enable 按钮，或手动在设置中开启
"deno.enable": true - 推荐关闭内置 TS 插件干扰：在 VSCode 设置中搜索
typescript.preferences.includePackageJsonAutoImports，设为off
权限控制与运行调试
Deno 默认禁止文件读写、网络请求、环境变量访问等敏感操作。VSCode 调试时需显式声明权限，否则会报错 PermissionDenied。
- 调试前，在
.vscode/launch.json中添加"env": { "DENO_PERMISSIONS": "allow-read,allow-net" }不起作用——正确方式是使用"runtimeArgs" - 标准 launch 配置示例：
"configurations": [{
"type": "pwa-node",
"request": "launch",
"name": "Deno Run",
"program": "${file}",
"cwd": "${workspaceFolder}",
"runtimeExecutable": "deno",
"runtimeArgs": ["run", "--allow-read", "--allow-net", "--inspect-brk"],
"attachSimplePort": 9229
}] - 常用权限标志：
--allow-read（读文件）、--allow-write（写文件）、--allow-env（访问环境变量）、--allow-run（执行子进程）
依赖管理与缓存可视化
Deno 不用 package.json，所有依赖通过 URL 导入，首次运行时自动下载并缓存到本地。你可以随时查看、清理缓存，避免“黑盒依赖”问题。
立即学习“Java免费学习笔记（深入）”；
- 缓存位置：macOS/Linux 在
~/.cache/deno，Windows 在%LOCALAPPDATA%\deno - 在 VSCode 终端中运行
deno info可查看当前脚本的依赖图谱和缓存路径 - 想快速清理某模块？用
deno cache --reload https://example.com/mod.ts强制刷新；或deno cache --help查完整选项 - 配合 VSCode 的“Go to Definition”（F12），点进任何 URL 导入，直接跳转到本地缓存文件，可读可调试
基本上就这些。不需要 webpack、不用 babel、不折腾 lock 文件——Deno + VSCode 把前端和全栈 JS 开发拉回简洁轨道。不复杂但容易忽略的是权限和调试配置，配好一次，后续开箱即用。
