如何在VS Code或终端中提取网站的URL列表？

1. 查看终端输出 #

当你在VS Code内置终端启动网站（比如执行npm run dev、python -m http.server这类命令），服务启动成功后，终端会直接输出可访问的URL，比如本地地址http://localhost:3000、局域网地址http://192.168.x.x:3000，直接从这里提取即可。

2. 调用VS Code的"端口"面板 #

• 打开左侧活动栏的运行和调试面板（快捷键Ctrl+Shift+D），面板下方会显示"端口"区域，里面列出了当前VS Code关联的所有运行中服务的端口及对应URL。
• 如果没看到该区域，点击面板右上角的三个点，选择"显示端口"就能调出。

3. 检查项目配置文件 #

多数前端框架或后端服务的配置文件会定义服务端口和访问地址，比如：

• Vue项目的vue.config.js里的devServer.port配置项
• React项目的.env文件里的PORT变量
• Next.js的next.config.js里的serverPort配置项
  根据配置的端口号，你可以手动拼接出访问URL（格式为http://localhost:配置的端口号）。

4. 借助扩展工具 #

如果是通过特定扩展（比如Live Server）启动的网站，点击扩展在状态栏的图标，就能直接查看或复制对应的URL；部分扩展还会在启动时弹出提示框显示可访问地址。

内容的提问来源于stack exchange，提问作者ironcove