VSCode如何运行多个文件 VSCode同时运行两个程序的方法

秋涛同学_6005

秋涛同学_6005

2026-05-26

1154人浏览

原创

vscode不支持“同时运行多个文件”,而是通过终端分栏、tasks.json并行配置或concurrently工具启动多个独立进程:终端分栏用ctrl+shift+`和split terminal实现隔离执行;tasks.json需设"parallel":true、"isbackground":true及显式cwd;复杂场景推荐concurrently统一管理。

vscode如何运行多个文件 vscode同时运行两个程序的方法

VSCode 本身不支持“同时运行多个文件”这种模糊操作——它只运行你明确指定的命令。所谓“同时运行两个程序”,本质是启动两个独立进程,关键在于用对机制,而不是点两下右键。

终端分栏是最直接、最可控的方式

想一边跑 python app.py,一边跑 npm run dev,就别新建窗口或标签页,直接分栏:

  • 按 Ctrl+Shift+` 唤出第一个终端,执行第一个命令
  • 右键该终端标签 → 选 Split Terminal(或按 Ctrl+Shift+5),立刻得到左右并排的两个终端
  • 每个分栏启动的是全新 shell 进程,互不干扰;但工作目录(cwd)默认继承自被右键的那个终端,不是项目根目录——刚 cd 过就会带偏
  • 右上角下拉菜单可为每个分栏单独切换 shell 类型(比如左栏用 bash,右栏切到 PowerShell),分栏后不会自动同步类型
  • 关闭分栏终端的 × 只是隐藏面板,npm run dev 或 flask run 仍在后台跑着,端口占着、CPU 吃着,得手动 Ctrl+C 或右键选 Kill Terminal

tasks.json 的 dependsOn + parallel 是真并行,但有陷阱

适合需要复用、可触发、带路径隔离的场景,比如前后端一起启:

VSCode
VSCode

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

下载
  • 必须给每个子任务设 "isBackground": true,否则第二个任务会卡住等第一个退出
  • 靠 "dependsOn": ["taskA", "taskB"] + "runOptions": { "parallel": true } 实现并发,不是串行
  • "options": { "cwd": "${workspaceFolder}/backend" } 必须显式写,否则所有任务都在同一个目录下执行,容易模块找不到或配置错读
  • VSCode 不会自动给每个任务分配独立终端面板——默认都挤在同一个终端里输出,日志混在一起。加 "presentation": { "panel": "dedicated" } 才能各占一个面板
  • 如果某个任务崩溃退出,其他任务不会自动终止,得自己加逻辑(比如用 concurrently)

用 concurrently 才算真正“一键启动多个服务”

tasks.json 原生能力有限,复杂场景必须外包给进程管理工具:

  • 先装 npm install --save-dev concurrently,别用裸 & 或 npm run a & npm run b——Windows 不认,且 Ctrl+C 传不到子进程
  • 在 package.json 里定义:"dev:all": "concurrently -k -n \"BE,FE,DB\" \"npm run dev:be\" \"npm run dev:fe\" \"npm run db:start\"",其中 -k 表示任一失败则全杀,-n 加前缀区分日志
  • 再在 tasks.json 里包一层调用:"command": "npm run dev:all",这样就能从命令面板统一触发
  • concurrently 输出会进同一个终端,但颜色+前缀清晰可辨;想分面板?不行——它就是单入口多子进程模型,VSCode 终端不拆流
  • 别指望 concurrently 自动 reload 或热更新,它只管启动和收尾,业务逻辑还在你脚本里

多窗口 ≠ 多终端,别被快捷键误导

很多人按 Ctrl+Shift+N 开新 VSCode 窗口,以为这就“同时运行两个程序”了——其实只是开了两个编辑器实例,每个里面还是只有一个终端,资源翻倍,问题没解:

  • 新窗口默认不加载任何项目,要手动 File → Open Folder,效率反而更低
  • 两个窗口之间无法共享状态(比如调试断点、变量监视),也不能跨窗口拖拽终端
  • 若真需隔离环境(比如一个开 Python 项目,一个开 Rust),多窗口可行,但前提是你清楚自己要的是「环境隔离」,不是「并发执行」
  • 多窗口下每个窗口仍要各自处理终端分栏、任务配置——工作量没少,只是分散了

真正容易被忽略的点:终端分栏的工作目录继承、tasks.json 默认不分配独立面板、concurrently 日志虽可区分但不可交互——这些细节不提前踩一遍,上线前 debug 十分钟,不如配置时多看两眼文档。

相关文章

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

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

下载

相关标签:

vscode

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

相关专题

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

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

2023.06.30

1415

18

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

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

2023.07.21

3012

3

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

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

2024.03.14

2009

12

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

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

2024.03.14

1747

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

514

5

热门下载

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

精品课程

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