【VS Code】为什么vscode已经关闭，http://localhost:5173/还可以打开或项目还在运行，端口被占用

‌VSCode关闭后，http://localhost:5173/(http://localhost:5173/)仍然可以打开的原因是因为相关的进程没有被正确终止。‌

当你使用VSCode运行一个项目时，如果直接关闭VSCode窗口而没有通过命令行使用Ctrl+C停止Node.js进程，该进程会继续在后台运行。这意味着即使VSCode已经关闭，Node.js进程仍然在运行，占用着端口5173。因此，当你尝试访问http://localhost:5173/时，浏览器会连接到这个仍在运行的进程，导致页面能够正常显示‌

如何正确停止并关闭进程

方法1：

1.‌使用命令行终止进程‌：打开命令提示符或终端，输入以下命令来查找占用端口的进程ID（PID）：

netstat -ano | findstr 5173

2.找到对应的PID后，可以使用以下命令结束进程：

taskkill /PID <PID> /F

其中是你从netstat命令中获得的进程ID。

实操：

最近遇到一件难受的事就是我正在运行一个vue项目，此时我打开了其他软件查资料，本来想关掉其他软件，结果啪的一下啊很快，就把vscode关闭了，本来我的项目用的是7010端口，然后我重新打开vscode，重新npm run serve，结果显示现在端口变成7011（顺延了一个端口），我左思右想，不知道是怎么个事，想着好像没啥关系就没管，当我想看看项目页面的时候，由于浏览器对我的输入的路径有记忆功能，我又一个不小心，啪的一下，再次进入了localhost:7010，于是我在想：我这还能对网页里面东西做操作吗？也就是我还能对项目里的功能进行操作吗？我直接删除一条数据，啪的一下，成功了！好家伙？莫非是这个进程并没有被关闭，还在运行？所以再次运行项目直接顺延下一个端口，并且项目还是正常运行？

我直接一个win+r，输入cmd，继续输入netstat -ano | findstr 7010

好家伙果不其然这个端口被占用了，我记住这个pid:42764

直接一个ctrl+shift+esc打开资源管理器，搜索这个pid，好家伙果然是你！！！我果断一手结束任务，重新运行项目，诶嘿，重新回到了7010端口。

总结一下，如果一个node项目在运行，这时候不去ctrl+c停止这个项目，直接关闭ide，是不会杀死这个进程的，它仍会继续运行，如果这时候重新运行项目，我觉得node发现7010端口被占用，就会去寻找下一个还未被使用的端口，我们为了防止他们占用过多资源以及看着不爽，直接直接结束之前的进程，然后就重新回到项目配置的7010端口了。
原文链接:https://blog.csdn.net/m0_72642362/article/details/144568817

方法2

使用VSCode的进程插件‌：安装并启用VSCode的进程插件（如vscode-processes），可以通过插件界面直接查看和管理后台进程，方便地结束相关进程‌

vscode-processes 插件安装

vscode-processes

项目地址：https://gitcode.com/gh_mirrors/vs/vscode-processes/

项目介绍

VSCode 进程插件是一款由 weinand 开发的扩展程序，旨在提供访问所有 Visual Studio Code 子进程的入口。该工具通过在 VSCode 的资源管理器中展示一个自定义视图，让用户能够清晰地监控和管理与 VSCode 相关的所有子进程。设计上，它响应了VSCode基于Chromium/Electron架构的多进程特性，支持终止进程、调试附件等操作，为开发者提供了更加透明的内部进程管理能力。

项目快速启动

要开始使用 vscode-processes 插件，请遵循以下步骤：

安装步骤

1.克隆仓库:

git clone https://github.com/weinand/vscode-processes.git

2.安装依赖: 进入项目目录并运行npm命令来安装必要的库。

cd vscode-processes
npm install

3.打包成VSIX文件: 使用以下命令构建VSIX安装包。

npm run package

4.安装VSIX: 打开VSCode，选择扩展视图，然后点击"更多..."（三个竖点），再选择"Install from VSIX"，从你的文件系统中找到刚刚生成的.vsix文件进行安装。

5.启用插件: 安装完成后，重启VSCode。您可以通过命令面板（快捷键通常是Ctrl+Shift+P或Cmd+Shift+P）输入"Show Process View"来显示进程视图。

应用案例和最佳实践

一旦插件安装并启用，您可以利用它进行如下的最佳实践：

性能监控： 在开发过程中，通过观察各个进程的状态和资源消耗，及时发现可能导致卡顿或内存泄露的进程。
调试辅助： 对于疑似由特定子进程引起的错误，可以直接从插件界面附加调试器，方便定位问题。
安全审计： 了解哪些进程正在运行，有助于评估应用程序的安全状态，尤其是当涉及外部服务或敏感数据时。

典型生态项目结合

虽然本插件专注于VSCode的进程管理，但可以与其他扩展配合使用，提升开发效率与安全性。例如，与代码分析工具（如ESLint、Prettier）、版本控制工具（GitLens）一起使用时，用户不仅能监控这些工具的后台进程，还能在需要时高效地进行调试或优化配置，确保开发环境的流畅性与稳定性。
原文链接：https://blog.csdn.net/gitblog_00447/article/details/141798712