Deno 与 vscode 组合提供轻量安全的现代 js/TS 开发环境:无需 npm 和 node_modules,自动类型补全与权限控制;安装 Deno 后启用官方扩展并初始化工作区配置;支持直接运行远程模块、统一依赖管理(deps.ts)及版本锁定。

VSCode 配合 Deno,确实能组成轻量、安全、开箱即用的现代 javaScript/typescript 开发环境——不用 npm、不配 node_modules、类型自动补全、权限控制明确,对新手和中小型项目特别友好。
安装 Deno 并验证环境
Deno 官方推荐使用 Shell 脚本一键安装(macos/linux)或通过 PowerShell(windows)。安装后运行 deno –version 确认成功。VSCode 不需要额外插件来“支持 Deno”,但建议安装官方扩展 Deno(由 denoland 发布),它会自动启用类型检查、跳转定义、自动补全等功能。
在 VSCode 中启用 Deno 支持
打开任意含 TypeScript 或 JS 文件的文件夹,在命令面板(Ctrl+Shift+P / Cmd+Shift+P)中输入 Deno: Initialize Workspace Configuration,回车即可生成 .vscode/settings.json,内容类似:
{ “deno.enable”: true, “deno.lint”: true, “deno.unstable”: false }
保存后,VSCode 会自动重启 Deno 语言服务器。此时打开一个 .ts 文件,比如写 console.log(Deno.cwd());,会有完整类型提示和错误检查。
立即学习“Java免费学习笔记(深入)”;
直接运行远程模块,无需本地安装
Deno 的核心特性之一是支持直接导入 URL 模块。例如新建 main.ts,写入:
import { serve } from “https://deno.land/std@0.224.0/http/server.ts”;
serve(() => new Response(“Hello from Deno!”));
在终端执行 deno run –allow-net main.ts 即可启动服务。VSCode 的 Deno 扩展会自动识别并索引这些远程依赖,提供跳转和文档提示——不需要 package.json,也不需要 npm install。
管理依赖与锁定版本(可选但推荐)
虽然 Deno 允许直接写 URL,但生产项目建议用 deps.ts 统一导出依赖,例如:
// deps.ts
export { serve } from “https://deno.land/std@0.224.0/http/server.ts”;
export { assertEquals } from “https://deno.land/std@0.224.0/assert/assert_equals.ts”;
然后在其他文件中 import { serve } from “./deps.ts”。配合 deno cache –lock=lock.json deps.ts 可生成锁定文件,确保团队成员使用完全一致的依赖版本。
基本上就这些。没有 node_modules 膨胀,没有全局安装冲突,也没有隐式依赖——Deno + VSCode 的组合,把“环境配置”这件事压缩到了三步:装 Deno、启扩展、写代码。