如何在 VSCode 中配置运行并调试 Strapi 后端项目

P粉328763957

P粉328763957

2026-07-16

200人浏览

原创

strapi调试必须绕过cli,用launch.json配置runtimeexecutable指向本地npm并传参["run","develop"],启用node_options="--enable-source-maps",v4/v5分别指向对应develop.js路径,v5还需先执行npm run build。

如何在 vscode 中配置运行并调试 strapi 后端项目

直接运行 npm run develop 最稳,调试必须绕过 CLI、指向 develop.js 入口,并启用 NODE_OPTIONS="--enable-source-maps",否则断点永远不命中。

launch.json 配置必须用 request: "launch" + runtimeExecutable 指向 npm

Strapi v4/v5 的 strapi develop 命令是 CLI 封装,VSCode 直接运行 node 会跳过环境变量和插件加载逻辑。正确做法是让 VSCode 启动本地 npm:

  • runtimeExecutable 设为 "${workspaceFolder}/node_modules/.bin/npm"(Linux/macOS)或 "${workspaceFolder}/node_modules/.bin/npm.cmd"(Windows)
  • args 必须是 ["run", "develop"],不是 ["develop"] —— 后者绕过 package.json 中的 scripts,导致 process.env 缺失
  • 务必在 env 中加入 "NODE_OPTIONS": "--enable-source-maps",否则 TypeScript/ESM 源码断点位置错乱
  • Strapi v5 还需确保已执行过 npm run build,否则 develop.js 启动时找不到 dist/ 会直接退出

断点进不了 src/api/xxx/controllers/xxx.js?检查 program 是否误配

很多教程抄错入口路径,导致 VSCode 根本没加载你的代码。Strapi 不是从 src/index.js 启动的:

VSCode 1.118
VSCode 1.118

微软正式发布 Visual Studio Code 1.118 版本 。本次更新重点强化了 AI 开发体验与企业管理能力,其中最引人注目的是新增 Copilot CLI 远程控制功能,允许开发者通过手机或网页远程监控和接管 AI 会话 。同时,为了提高 AI 的运行性价比,新版本优化了令牌缓存策略以降低成本 。此外,1.118 版还引入了 Chronicle 本地历史追踪、TypeScript 7.0 支持以及更严格的企业级访问管控 。

下载
  • v4 正确路径:"${workspaceFolder}/node_modules/strapi/lib/commands/develop.js"
  • v5 正确路径:"${workspaceFolder}/node_modules/@strapi/strapi/dist/commands/develop.js"
  • 绝对不要设 programsrc/index.jsbin/strapi.js —— 这两个文件在 v4+ 中已不承担主启动职责
  • 如果用了 Docker 开发,必须通过 Remote - Containers 连入容器,并确认容器内已安装 nodenpm,只挂载源码无效

REST Client 测试 API 时反复 400/401,不是接口问题,是请求体格式不对

Strapi v4/v5 的 REST API 强制要求顶层包裹 data 字段,且 header 与 body 之间必须有空行:

  • 错误写法:{"title":"test"} → 触发 400
  • 正确写法:{"data":{"title":"test"}},且 Content-Type: application/json 和 JSON 体之间要有一行空行
  • JWT Token 必须从 POST http://localhost:1337/api/auth/local 响应中手动提取 response.body.data.jwt,不能复用 Admin UI 的 session cookie
  • Strapi v5 默认禁用 local 认证,需在 config/admin.ts 中显式开启 auth: { enabled: true } 才能拿到 token

最常被忽略的是:Strapi v5 要求先 npm run build 再调试,否则 develop.js 读不到生成的类型定义,进程直接退出——这个错误没有明确提示,只会卡在命令行不动。

大量免费API接口:立即使用
涵盖生活服务API、金融科技API、企业工商API、等相关的API接口服务。免费API接口可安全、合规地连接上下游,为数据API应用能力赋能!

相关文章

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

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

下载

相关标签:

vscode

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

相关专题

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

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

2023.08.11

1108

5

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

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

2024.03.19

2128

13

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

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

2024.03.19

2626

10

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

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

2023.06.30

745

18

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

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

2023.07.21

1156

3

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

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

2024.03.14

981

12

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

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

2024.03.14

929

8

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

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

2024.03.15

1432

12

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

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

2024.03.15

1398

14

热门下载

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

精品课程

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