VSCode 配合 Deno 可实现极简安全的 TypeScript 开发,无需 npm 或 tsconfig.json;需安装 Deno、启用官方插件、运行 Deno: Initialize Workspace Configuration 初始化工作区,并显式声明权限(如 --allow-net)才能运行网络请求等操作。

VSCode 配合 Deno 能提供极简、安全、开箱即用的 TypeScript 开发体验,无需 npm、node_modules 或单独配置 tsconfig.json。关键在于启用 Deno 官方插件并正确激活 Deno 运行时支持。
安装 Deno 并验证可用性
在终端中运行以下命令安装 Deno(推荐使用官方一键脚本):
- macOS / Linux:curl -fsSL https://deno.land/x/install/install.sh | sh
- Windows(PowerShell):iwr https://deno.land/x/install/install.ps1 -useb | iex
安装完成后,将 Deno 的 bin 目录加入系统 PATH,并在终端执行 deno --version 确认输出版本号。VSCode 启动时需能从 shell 或终端正确识别 deno 命令。
启用 VSCode 的 Deno 支持
打开 VSCode,安装官方扩展 Deno(由 denoland 发布,图标为蓝色 D)。安装后默认不自动启用,需手动开启工作区支持:
- 按 Ctrl+Shift+P(Win/Linux)或 Cmd+Shift+P(Mac),输入 Deno: Initialize Workspace Configuration 并回车
- 该操作会在工作区根目录生成 .vscode/settings.json,自动写入 "deno.enable": true
- 若项目已有 deno.json 或 deno.jsonc,插件会自动读取 lint、fmt、tasks 等配置
编写与运行第一个 Deno 脚本
新建一个 main.ts 文件,内容如下:
console.log("Hello from Deno!");
const res = await fetch("https://httpbin.org/json");
console.log(await res.json());
VSCode 会自动识别 Deno 全局类型(如 fetch、console),无红色波浪线。右键选择 Run Code(需装 Code Runner 扩展)或直接在终端运行:
95Shop可以免费下载使用,是一款仿醉品商城网店系统,内置SEO优化,具有模块丰富、管理简洁直观,操作易用等特点,系统功能完整,运行速度较快,采用ASP.NET(C#)技术开发,配合SQL Serve2000数据库存储数据,运行环境为微软ASP.NET 2.0。95Shop官方网站定期开发新功能和维护升级。可以放心使用! 安装运行方法 1、下载软件压缩包; 2、将下载的软件压缩包解压缩,得到we
- deno run main.ts —— 默认拒绝网络权限,报错
- deno run --allow-net main.ts —— 显式授予权限后正常运行
权限模型是 Deno 的核心特性,VSCode 不绕过它,所有权限必须显式声明。
调试与智能提示优化
VSCode 内置 debugger 可直接调试 Deno 脚本:
- 打开 main.ts,点击左侧行号设断点
- 按 Ctrl+Shift+D 打开调试面板,选择环境为 Deno(首次会自动生成 .vscode/launch.json)
- 启动调试即可单步执行、查看变量、调用栈
确保 deno.enable 为 true,否则无法获得完整类型提示(例如 Deno.cwd()、Deno.readTextFile() 等 API 的参数和返回值推导)。
基本上就这些。不需要 webpack、不需要 babel、不需要 package.json,一个文件 + Deno 插件 + 权限开关,就能跑起带类型检查、自动补全、断点调试的现代 TS 应用。不复杂但容易忽略的是:每次新开文件夹作为项目根目录,都要重新执行一次 Deno: Initialize Workspace Configuration。









