VSCode怎么配置Deno后端运行和开发环境

风雪君_2951

风雪君_2951

2026-05-10

453人浏览

原创

deno在vscode跑不起来主因是deno.enable未启用、deno.path配置错误或权限未显式声明;需确认vscode集成终端中which deno有效,右下角显示deno版本号,并避免与typescript插件冲突。

vscode怎么配置deno后端运行和开发环境

Deno 在 VSCode 里跑不起来,大概率不是插件没装,而是 deno.enable 没开、deno.path 指错了,或者权限没显式声明——VSCode 不会帮你绕过 Deno 的安全模型。

确认 deno 命令在终端和 VSCode 内都可用

VSCode 启动时会继承 shell 环境变量,但 GUI 方式打开的 VSCode(比如从 Dock 点开)常读不到 ~/.zshrc 或 ~/.bash_profile 里的 PATH。直接在终端执行 deno --version 能输出版本,不代表 VSCode 里也能调用。

  • 在 VSCode 里按 Ctrl+Shift+` 打开集成终端,运行 which deno;如果返回空或报错,说明 VSCode 没加载到 Deno 路径
  • macOS 用户常见路径是 $HOME/.deno/bin/deno,Homebrew 安装则是 /opt/homebrew/bin/deno(Apple Silicon)或 /usr/local/bin/deno(Intel)
  • 把对应路径填进工作区 .vscode/settings.json:"deno.path": "/opt/homebrew/bin/deno"
  • 改完保存,重启 VSCode 窗口(Cmd+Shift+P → Developer: Reload Window),再检查右下角是否显示 Deno 版本号

启用 deno.enable 并避免与 TypeScript 插件冲突

装完插件默认是禁用状态,deno.enable 必须设为 true,否则编辑器当普通 TS 文件处理,Deno.cwd()、Deno.readTextFile() 这类 API 就没有类型提示,也报“无法找到名称”错误。

VSCode
VSCode

避免常见的 VSCode 错误——设置冲突、调试器配置和扩展冲突。

下载
  • 推荐在项目根目录创建 .vscode/settings.json,写入:{"deno.enable": true} —— 不要只在用户设置里全局开启,容易和 Node.js 项目冲突
  • 如果看到警告 Setting 'typescript.tsserver.experimental.enableProjectDiagnostics' is incompatible with the Deno extension,就去用户设置里关掉这个选项,或删掉它
  • 已有 tsconfig.json 的项目,建议删掉它或重命名为 tsconfig.json.disabled;Deno 不读这个文件,留着反而触发 TS 服务抢权

运行 deno run 时 PermissionDenied 错误怎么解

VSCode 本身不运行代码,只是调起终端执行 deno run。报 PermissionDenied 不是配置问题,是 Deno 的强制安全机制:网络、文件、环境变量等操作必须显式授权。

  • 错误示例:error: Uncaught (in promise) PermissionDenied: network access to "https://httpbin.org/json", run again with the --allow-net flag
  • 不能靠插件“自动加 flag”,必须手动加:在终端里运行 deno run --allow-net --allow-read main.ts
  • 如果用 Code Runner 插件,需修改其配置:"code-runner.executorMap": {"typescript": "deno run --allow-net --allow-read"}
  • 更可持续的做法是建 deno.json,写入:{"tasks": {"start": "deno run --allow-net --allow-read main.ts"}},然后用 deno task start 运行

调试断点不生效?检查 launch.json 和 deno.enable

VSCode 调试 Deno 脚本依赖两个前提:Deno 语言服务已激活(即 deno.enable: true),且 launch.json 的 runtimeExecutable 指向正确的 deno 二进制。

  • 首次按 Ctrl+Shift+D → “create a launch.json file” → 选 Deno,自动生成的配置里 runtimeExecutable 默认是 "deno",它依赖 PATH;如果 PATH 不对,就改成绝对路径,比如 "/opt/homebrew/bin/deno"
  • 断点打在 await fetch() 或 Deno.serve() 这类异步入口处,比打在 console.log 更容易验证是否连通
  • 如果调试器启动后立刻退出,看调试控制台输出:若报 Cannot connect to runtime process,八成是 deno.enable 为 false 或 deno.path 不可执行

最易被忽略的一点:Deno 的模块解析完全依赖 URL 或本地路径,不走 node_modules。哪怕你只写了一行 import { serve } from "https://deno.land/std@0.205.0/http/server.ts";,VSCode 也要能联网下载并缓存该模块——第一次打开文件时右下角显示“Downloading…”是正常现象,别误以为卡死。等提示消失、类型提示出现,才算真正 ready。

相关文章

PHP速学视频免费教程(入门到精通)
PHP速学视频免费教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

vscode

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
python是前端还是后端
python是前端还是后端

Python属于前端也属于后端,其灵活性和丰富的生态系统使得开发人员能够在不同的领域中灵活运用。本专题为大家提供python相关的文章、下载、课程内容,供大家免费下载体验。

2023.08.11

2183

5

前端和后端的区别
前端和后端的区别

前端关注的是用户界面的设计和交互,而后端则注重数据处理和逻辑控制。想了解更多前端后端的相关内容,可以阅读本专题下面的文章。

2024.03.19

5810

13

后端的主要工作内容介绍
后端的主要工作内容介绍

后端是应用程序的服务端部分,负责核心任务,如数据库交互、业务逻辑处理和响应客户端请求。想了解更多后端的相关内容,可以阅读本专题下面的文章。

2024.03.19

5106

10

vscode是什么_vscode怎么安装配置
vscode是什么_vscode怎么安装配置

VS Code(Visual Studio Code)是一款免费、开源的跨平台代码编辑器,由微软开发和维护。它被广泛用于软件开发和编程,支持多种编程语言和框架。VS Code 同时提供了丰富的功能和扩展性,使开发者可以高效地编写、编辑和调试代码。

2023.06.30

1195

18

vscode怎么运行代码
vscode怎么运行代码

vscode是一个运行于MacOS X、Windows和Linux之上的,针对于编写现代Web和云应用的跨平台源代码编辑器;vscode免费而且功能强大,对JavaScript和NodeJS的支持非常好,自带很多功能,例如代码格式化,代码智能提示补全、Emmet插件等。php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

2023.07.21

2452

3

vscode使用的框架介绍
vscode使用的框架介绍

VSCode是一款跨平台代码编辑器,它基于Electron框架和Monaco Editor构建。想了解更多vscode的相关内容,可以阅读本专题下面的文章。

2024.03.14

1849

12

vscode一般用来写什么语言
vscode一般用来写什么语言

VSCode是一款功能强大的代码编辑器,支持多种编程语言和文件格式。它内置对 JavaScript、Python、Java、C++、TypeScript、HTML/CSS、Go 等语言的支持。想了解更多vscode的相关内容,可以阅读本专题下面的文章。

2024.03.14

1707

8

vscode可以写什么语言
vscode可以写什么语言

vscode是一款强大的代码编辑器,支持多种编程语言的开发。通过安装扩展,可以为 JavaScript/TypeScript、Python、Java、C#、PHP、Go、Ruby、Rust、HTML/CSS 等语言提供智能代码补全、调试和格式化等功能。想了解更多vscode的相关内容,可以阅读本专题下面的文章。

2024.03.15

2567

12

vscode中文设置方法
vscode中文设置方法

方法一:在设置页面中,搜索“locale”,并选择“zh-cn”。方法二:按“Ctrl Shift P”快捷键,输入“Configure Display Language”,将语言修改为“zh-cn”。如果上述方法无效,可考虑安装中文插件。想了解更多vscode的相关内容,可以阅读本专题下面的文章。

2024.03.15

1798

14

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程