如何在VSCode中配置Node环境以运行Deno项目的过渡开发

梦瑶小哥_2433

梦瑶小哥_2433

2026-07-07

494人浏览

原创

vscode配置deno环境需手动启用deno.enable为true并设于工作区settings.json,指定deno.path绝对路径,显式添加--allow-*权限标志,删除tsconfig.json避免ts服务抢权。

如何在vscode中配置node环境以运行deno项目的过渡开发

VSCode 里不能“配置 Node 环境来运行 Deno 项目”——Deno 和 Node 是互斥的运行时,强行混用会导致 fetch、Deno.cwd()、URL 导入等行为全部失效或报错。你真正需要的,是让 VSCode 正确识别并专用于 Deno,而不是迁就 Node。

deno.enable 必须设为 true,且只能在工作区 settings.json 里

插件安装完默认不干活,这不是 bug,是设计:避免污染你的 Express 或 React 项目。VSCode 不会自动切换语言服务,必须手动声明“这个文件夹是 Deno 的”。

  • 按 Cmd+Shift+P(macOS)或 Ctrl+Shift+P(Windows/Linux),输入并执行 Deno: Initialize Workspace Configuration,它会自动生成 .vscode/settings.json 并写入 "deno.enable": true
  • 别往用户设置(User Settings)里加这行,否则打开任意 .ts 文件都会触发 Deno 类型检查,require、__dirname 立刻变红色波浪线
  • 验证是否生效:打开一个 .ts 文件,敲 fetch,如果有完整签名和文档提示,说明已激活

deno.path 指向错误路径会导致 “command 'deno.client.restart' not found”

这个报错不是插件挂了,是 VSCode 根本找不到 deno 可执行文件。GUI 启动的 VSCode(比如从 Dock 点开)通常读不到 shell 的 PATH,尤其 macOS 上很常见。

Baidu Search Node
Baidu Search Node

使用 Node.js 脚本调用百度搜索 API,按关键字和数量获取搜索结果的排名、标题、摘要和链接。

下载
  • 先在终端运行 which deno(macOS/Linux)或 where deno(Windows PowerShell),拿到真实路径,例如 /opt/homebrew/bin/deno 或 $HOME/.deno/bin/deno
  • 把该绝对路径填进工作区 .vscode/settings.json:"deno.path": "/opt/homebrew/bin/deno";不要用 ~ 或环境变量,不解析
  • 改完保存,执行 Developer: Reload Window 重启窗口,再看右下角是否显示 Deno (v1.x)

PermissionDenied 错误不能靠插件绕过,必须显式加 flag

VSCode 只负责编辑和类型提示,不参与代码执行。写完 await fetch("https://") 编辑器不报错,不代表能跑通——Deno 在运行时强制校验权限。

  • deno run 报错如 Uncaught (in promise) PermissionDenied: network access to "https://...",就得手动加 --allow-net
  • 调试时也一样:launch.json 的 args 字段必须包含权限标志,例如 "args": ["--allow-net", "--allow-read", "./main.ts"]
  • 如果用 Code Runner 插件,需在用户设置里修改 code-runner.executorMap,把 deno run 对应命令改成带 flag 的完整形式

删掉 tsconfig.json,否则 TS 服务会抢权

Deno 不读 tsconfig.json,但它存在就会让 VSCode 的 TypeScript 语言服务优先加载它,结果是 Deno.readTextFile() 提示“无法找到名称”,import 从 URL 开始的部分也无法跳转。

  • 直接删掉项目里的 tsconfig.json,或者重命名为 tsconfig.json.disabled
  • 需要格式化或 lint 规则?用 deno.json 替代:"fmt": { "lineWidth": 100 } 或 "lint": { "rules": { "tags": ["recommended"] } }
  • 有导入映射(import_map.json)?必须在 deno.json 里声明:"importMap": "./import_map.json",否则跳转定义失败

最常被忽略的一点:VSCode 是否从终端启动。macOS 上双击 Dock 图标打开的 VSCode 几乎必然读不到 ~/.zshrc 里的 PATH,导致 which deno 在集成终端里为空。用 code . 从终端启动,是最稳的兜底方案。

相关文章

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

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

下载

相关标签:

vscode node.js node

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

相关专题

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

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

2023.06.30

1395

18

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

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

2023.07.21

2932

3

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

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

2024.03.14

1989

12

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

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

2024.03.14

1727

8

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

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

2024.03.15

2607

12

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

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

2024.03.15

1838

14

vscode用途介绍
vscode用途介绍

Visual Studio Code(VSCode)是一款由 Microsoft 开发的多功能文本编辑器,适用于各种编程语言。作为一款开源软件,VSCode 拥有代码高亮、自动补全、调试、Git 集成等强大功能,成为程序员不可或缺的工具。想了解更多vscode的相关内容,可以阅读本专题下面的文章。

2024.03.15

1262

10

vscode和visualstudio的区别
vscode和visualstudio的区别

Visual Studio是一款功能强大的集成开发环境(IDE),适用于专业开发人员进行复杂项目的构建。而VSCode则是一款轻量级的代码编辑器,更适合各种规模的项目开发。想了解更多vscode的相关内容,可以阅读本专题下面的文章。

2024.03.15

1116

8

vscode设置中文界面不生效解决方法
vscode设置中文界面不生效解决方法

vscode设置中文界面不生效解决方法:安装中文语言包、通过命令面板设置语言、检查 locale.json 设置、重新安装中文语言包、检查 VSCode 版本和更新、排除插件冲突、检查系统语言设置、查看 VSCode 日志和错误消息、重置 VSCode 设置、查看官方文档和社区支持。想了解更多vscode的相关内容,可以阅读本专题下面的文章。

2024.03.15

494

5

热门下载

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

精品课程

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