VSCode与Deno的开发环境配置

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!");<br>const res = await fetch("https://httpbin.org/json");<br>console.log(await res.json());

VSCode 会自动识别 Deno 全局类型（如 fetch、console），无红色波浪线。右键选择 Run Code（需装 Code Runner 扩展）或直接在终端运行：

95Shop仿醉品商城

95Shop可以免费下载使用，是一款仿醉品商城网店系统，内置SEO优化，具有模块丰富、管理简洁直观，操作易用等特点，系统功能完整，运行速度较快，采用ASP.NET(C#)技术开发，配合SQL Serve2000数据库存储数据，运行环境为微软ASP.NET 2.0。95Shop官方网站定期开发新功能和维护升级。可以放心使用！ 安装运行方法 1、下载软件压缩包； 2、将下载的软件压缩包解压缩，得到we

0

查看详情

• 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。

以上就是VSCode与Deno的开发环境配置的详细内容，更多请关注php中文网其它相关文章！